Enhanced Image plugin alignClasses don't work when image assigned a link

[Nicholas Wright]

I've managed to reproduce this bug with the latest nightly build, as follows:

1. Download the nightly build.
2. Download and include the following plugin:
   • ​http://ckeditor.com/addon/image2
3. Download an include the additional required plugins:
   • ​http://ckeditor.com/addon/widget
   • ​http://ckeditor.com/addon/lineutils
4. Add the following to config.js:

config.extraPlugins = 'lineutils'; config.extraPlugins = 'widget'; config.extraPlugins = 'image2'; config.image2_alignClasses = [ 'text-editor-image-left', 'text-editor-image-center', 'text-editor-image-right' ];

5. Add the following to content.css:

.text-editor-image-left {

float: left; margin-right: 10px;

} .text-editor-image-right {

float: right;

margin-left: 10px;

}

5. Open one of the samples: Desktop/ckeditor/samples/replacebyclass.html
6. Double click an image to open the dialog and select Alignment: Right
   • The image floats to the right.
7. Toggle Source mode on/off
   • The image remains floated to the right.
8. Select the image and click the Link icon, and add a URL.
   • The image remains floated right.
9. Toggle the Source mode on/off.
   • The image loses its float right.
   • If you view source mode you'll see that the image is still assigned the correct class, it's just not being detected.
   • If you double click the image to open the dialog the Alignment: Right option is NOT selected.

[Jakub Ś]

Problem can be reproduced from CKEditor 4.4.

When using style="float:right;" it is copied to wrapping span. When, on the other hand using, classes like text-editor-image-right and switching to source and back (initially class is there) they are not copied to wrapping span and only kept on the image.