While it's cool to have ckeditor apply some cleanup, it shouldn't get carried away. A good measure of this would be that perfectly good markup should be left untouched so that it can be edited repeatedly without there being a buildup of markup, neither wrapping it nor adding to it.
Here's a simple exercise in 3.6.3:
After 3 iterations, that simple and perfectly reasonable markup turns into this monstrosity:
Is there some way of preventing CKEditor adding in all this extra markup?
Here's a simple exercise in 3.6.3:
- Enter this raw HTML into a ckeditor in source mode:
<h1>Title</h1> <h2>Subtitle</h2> <p>Some text</p>
- Flip to visual mode
- Repeat this sequence a few times:
- Select all
- Cut
- Paste
- View source and witness the hideous markup explosion
After 3 iterations, that simple and perfectly reasonable markup turns into this monstrosity:
<h1> </h1> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222222; background-color: #ffffff; "> <h1> </h1> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222222; background-color: #ffffff; "> <h1> </h1> <br> <div> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222222; background-color: #ffffff; "> <h1> </h1> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222222; background-color: #ffffff; "> <h1> </h1> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222222; background-color: #ffffff; "> <div style="font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222222; background-color: #ffffff; "> <h1>Title</h1> <h2>Subtitle</h2> <p>Some text</p> <div> </div> </div> </div> </div> </div> </div> </div> </div> <p> </p>
Is there some way of preventing CKEditor adding in all this extra markup?
Re: CKEditor generates excessive markup
This definitely looks like there is something wrong with your editor configuration... I have just tried that on our demo site that is running the latest CKEditor version with standard config and I cannot reproduce it. All I see in the source is this:
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!
Re: CKEditor generates excessive markup
On Mac OS X 10.7.4.
Firefox 12: As the result you posted - I can live with a little extra white-space, though it would be better if that wasn't added - I'm often editing content for old renderers that are whitespace-sensitive.
Chrome 19 a similar result to Firefox, but adds in "<h1> </h1>" before it.
Opera 11.63 same markup as Chrome but all text gets progressively bigger each time you paste, even outside H1 tags.
Safari 5.1.7 does the same exploding markup thing I get in my ckeditor.
On Windows XP:
IE 8: Same result as Mac Firefox.
Safari 5.1.7 does the same as the Mac version, i.e. explodes.
I also managed to reproduce it on my iPhone, where Safari caused a similar explosion.
So, it's mainly a problem in Safari, but Chrome and Opera don't play nice either. Definitely not a feature!
Re: CKEditor generates excessive markup
Thanks for these tests. Truth is that pasting operations are a nightmare as they are using the native browser engine, and both between particular browsers and different versions of one browser this behaviour can differ, as you can see for yourself.
Would you be so kind as to report your findings on our Development site, as described here? This will make it easier for the QA to investigate. Thanks a lot for your help!
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!