I have been using CKEditor for a bit and this is one issue that I just cannot figure out. What ends up happening is that every time the source button on the editor is clicked additional empty p tags are added randomly.
To demonstrate take the following html code and paste it into the source of a default CKEditor. Like the one here: http://nightly.ckeditor.com/7341/_sampl ... class.html
<p align="justify" style="margin-right: 18px"> Nulla et diam id libero consectetur interdum id eget lectus. Duis ut tortor risus. Proin vitae elit eget sem vestibulum euismod. Duis et erat risus.<br /> <br /> Praesent imperdiet lobortis odio nec accumsan. Donec nec leo eu libero auctor lacinia. Praesent gravida pharetra odio id aliquet. Maecenas dapibus elementum eros quis suscipit.<br /> <br /> Nullam risus urna, pulvinar sed facilisis eu, bibendum sit amet lacus. Quisque non lectus sed augue consectetur auctor.</p> <script src="/core/jquery/jquery.min.js" type="text/javascript"></script><script src="/core/jquery/jquery-ui.min.js" type="text/javascript"></script> <link href="/core/portal/tabs.css" media="screen" rel="stylesheet" type="text/css" /> <style type="text/css"> #tab-container ul.tab_nav li.active { color:#1E73B4; } </style> <script type="text/javascript" src="some.js"></script> <div id="tab-container"> <ul class="tab_nav"> <li id="tab1"> Welcome</li> <li id="tab2"> Quick Facts</li> <li id="tab3"> Donec nec leo</li> <li id="tab4"> Praesent gravida</li> <li id="tab5"> Contact</li> </ul> </div> <br clear="all" /> <div id="tab1-content"> <div id="mayorImage"> <img align="left" alt="" height="123" src="someimage.jpg" width="100" /></div> <div style="float: left; margin-right: 5px"> <img border="0" src="someimage.jpg" /></div> <p> Duis et erat risus. Praesent imperdiet lobortis odio nec accumsan. Donec nec leo eu libero auctor lacinia. Praesent gravida pharetra odio id aliquet. Maecenas dapibus elementum eros quis suscipit. Integer ultricies elit a felis rhoncus rhoncus. Suspendisse congue gravida sem vitae semper. Vivamus elementum pulvinar blandit. <img border="0" src="/another_image.jpg" /></p> </div> <div id="tab2-content" style="display: none"> <h5> <em>Donec nec leo eu libero auctor lacinia.</em></h5> <h3> Property Taxes</h3> <h5> <em>Donec nec leo eu libero auctor lacinia.</em></h5> <div style="clear: both"> </div> </div> <div id="tab3-content" style="display: none"> </div> <div id="tab4-content" style="display: none;"> <div style="clear: both;"> </div> </div> <div id="tab5-content" style="display: none"> <div style="clear: both"> </div> </div> <script> //some more javascript </script>
Re: Weird CK issues adding p tags
Let me know
Thanks
Re: Weird CK issues adding p tags
Re: Weird CK issues adding p tags
it happens to me, count me in.
it sounds many people asked this issue, but no solutions yet.
Re: Weird CK issues adding p tags
Looking over some of the other forum post I found this posted by Connie: