search

ckeditor / ckeditor4

The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.
https://ckeditor.com/ckeditor-4
Other
5.79k stars 2.47k forks source link

when we adding css code in source, out put not getting render as expected. #5112

Closed page2abdul closed 2 years ago

page2abdul commented 2 years ago

Hi team,

we added CSS code along with HTML tags in source mode and we clicked the back source button to see the output it's not rendering the output as expected.

input : 

                <div class="CMC__CLP__eSpot__container CMC__CLP__eSpot__fullwidth__1Line">  
                    <div class="CMC__CLP__eSpot__Content__block">       
                        <!-- Div for bold and normal yellow text -->        
                        <div class="CMC__CLP__eSpot__line1">            
                            <span class="CMC__CLP__eSpot__bold__text">GET WEEK </span>          
                            <span class="CMC__CLP__eSpot__nortext">UNDERCARRIAGE PARTS</span>       
                        </div>      
                        <!-- Div for white text and CTA yellow text -->         
                        <div class="CMC__CLP__eSpot__line2">            
                            <span class="CMC__CLP__eSpot__white__text">USE PROMO CODE: PCC_UC15 </span>             
                            <span class="CMC__CLP__eSpot__CTA__text"><a href="/en/finningca/get" title="Terms and conditions apply">*Shop Now</a></span>        
                        </div>  
                    </div> 
                </div>

is there any way to enable the output of about input as we do see in HTML in edit area?

sculpt0r commented 2 years ago

Hi @page2abdul ,

Did you try with external CSS provided as config option: https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss ?

Please note that our GitHub issue tracker serves for reporting bugs and new features only. Unfortunately, your request is neither of them, therefore please leave your question on Stack Overflow where our team and the community assist other users in solving their issues. Also, since CKEditor is an Open Source software, we believe it’s crucial to share proposed solutions and make others benefit from them.

If you have CKEditor license, please contact our support team. You also can ask your implementation questions at Stack Overflow.