Source Mode add Css Code in CKEditor 4.3.1

I tried to add some css code in <div> when using source mode, but I found css code can’t apply to <div>, only works for <span>.

Anyone knows how can I make it work on <div>?

Is this a bug in CKEditor 4.3.1?

Thu, 08/07/2014 - 09:02

Anna

Joined: 14/12/2010

Posts: 1369

You would have to be more

You would have to be more specific about your CKEditor configuration.

It's quite possible this is Advanced Content Filter at work -- your editor configuration simply does not allow for styles in <div> elements.

See the demos on our website:

In Standard preset <div> feature is not supported, so even if you add a <div> element in source mode, it will be filtered out when you switch to WYSIWYG view.
In Full preset <div> feature is supported, you can click the Div Container button, configure this element's properties, including CSS styles (or add them in source mode) and they will be preserved.

By the way, I do recommed you upgrade to the latest version, apart from loads of new features added, a security fix was also included in CKEditor 4.4.3.

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!

Thu, 08/07/2014 - 09:34

Newton_Dev

Joined: 07/08/2014

Posts: 2

Hi, Anna

I find that if I use config.allowedContent = true in config.js, <div> will apply the css code change.

Is there any Side Effects for using this config?