Image styles being removed

Can someone please confirm whether adding styles via the advanced tab of the image dialog works properly or not?

I find my style code is often removed or changed incorrectly.

(CKEditor 4.1 / ASP.NET)

Thu, 04/25/2013 - 15:31

Anna

Joined: 14/12/2010

Posts: 1369

Can you be more specific? Can

Can you be more specific? Can you paste some examples of what gets removed?

I suppose you are using the CKEditor for ASP.NET control (3.6.4) and combined it with CKEditor 4.1 files by yourself? Which package did you use?

This wasn't really tested by us, in particular in how Advanced Content Filter would work in that scenario. It may be that the editor removes some styles/ attributes because you did not configure ACF properly.

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, 04/25/2013 - 16:24

battlegimp

Joined: 13/04/2013

Posts: 6

Thanks Anna for the reply,

I was initially using CKEditor for ASP.NET 3.6.4 with CKEditor 4.1. I then realised this may be causing the issue, so a went back to CKEditor 3.6.6.1 files. But I still get the problem.

To recreate the issue:

I add an image via the Image dialog and set align to left. Then go to the advanced tab and append to the style: margin: 10px 10px 10px 20px; then OK.

That's fine, the image updates correctly, but if I then go back into the Image advanced tab style dialog and change say the first 10px to 20px, the margin style is replaced with: margin-right: 10px; margin-left: 20px;

Trying it a different way:

If I set VSpace to 10 and HSpace to 20, that works fine. If I then go to advanced and edit the margin auto-generated style code from margin: 10px 20px to margin: 10px 20px 30px 40px; and OK, the margin code is removed completely.

The only robust working method I have found is:

On entering the Image dialog, always remove any HSpace and VSpace values and click OK.
Then go back in and to the advanced tab. Remove any margin related code. Then enter your margin style code and OK.

This is fine for me, but my client's end users find it perplexing that they can't just change the values freely.

Also, there are situations where the style code is parsed as a single margin: Tpx Rpx Bpx Lpx; and other times as four separate margin-top: Tpx; margin-right: Rpx; margin-bottom: Bpx; margin-left: Lpx; statements instead. Again, when changing a value, it collapses. It's quite confusing.

I don't know if this is common behaviour, because the advanced tab is not enabled on the CKEditor web demo.

Thanks for your assistance.