CKEditor changing code in every browser, adding <span> tags, adding random code

[kyle]

Ever since we updated to the most recent version of DNN and changed to CKEditor, the HTML/CSS that was previously working just fine, has now been changed just from loading the new editor, once you view a draft now it does not show text where it added <span> tags and there are a bunch of <p>&nbsp</p> tags where the <br /> tags used to be. And other random code added in, i have put in a service ticket to the people who installed CKEditor with the last update of DNN, and they have not yet found a solution, please help and thank you for your time.

Kyle Roope Web Developer - Montana Department of Revenue 406 444 9534 kroope@…

[Jakub Ś]

once you view a draft now it does not show text where it added <span>

Editor removes empty inline elements like spans. If you want to keep them in editor they need to filled with &nbsp;

I believe the real problem here is Advanced Content Filter (ACF). This tool allows you to filter HTML tags in editor and it is enabled by default. When you have all sorts of tags with custom attrributes and users can create anything they want it is better to disable ACF with allowedContent : true. Please read about ACF here:
​http://ckeditor.com/blog/Upgrading-to-CKEditor-4.1
​http://ckeditor.com/blog/CKEditor-4.1-RC-Released
​http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter
​http://docs.ckeditor.com/#!/api/CKEDITOR.filter-method-addTransformations
​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent
​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraAllowedContent
​http://nightly.ckeditor.com/14-03-20-07-05/full/samples/datafiltering.html

and there are a bunch of <p>&nbsp</p> tags where the <br /> tags used to be.

Could you send us sample code which creates such result in CKEditor. We have enter modes ​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-enterMode but I don't think this is the case here.

And other random code added in

Same as above. Please provide sample code and explain what other code gets added.