Text alignment icons not working when 'justifyClasses' was used in the configuration

[Christian Beier]

Steps to reproduce:

• Enter text and centering it. Everythink works.
• Add 'justifyClasses' to the configuration of the editor:

justifyClasses : ['rteleft', 'rtecenter', 'rteright', 'rtejustify']
or
CKEDITOR.config.justifyClasses : ['rteleft', 'rtecenter', 'rteright', 'rtejustify'];

• Try the same as the first step. The formatting will not be working.

[Christian Beier]

Example, used from the 'samples' directory

[Alfonso Martínez de Lizarrondo]

You must define those classes in your stylesheet if you want them to work.

The ​XHTML demo shows that the option works as expected.

[Christian Beier]

The same problem occurs when the classes are defined in the stylesheet. When I click on an icon to align the text nothing happens.

[Alfonso Martínez de Lizarrondo]

Then you must be doing something wrong. As I said, that demo shows how to use this feature and it works correctly for me.

Does the demo work for you?

[Christian Beier]

No, it doesn't work for me. I have tried in Chrome and FF (latest versions). If I click on the centered text button, I see the hover but after a click nothing happens. Also, the html output has no changed.

There is also no error in the js console and the output of the "config" variable looks ok. At first I have found the problem among a Drupal installation (Drupal -> WYSIWYG Module -> CKEditor). But also in the isolated samples, I could reproduce the error.

[Christian Beier]

Here is a video that (hopefully) explain the problem: ​http://www.youtube.com/watch?v=OCj1OuOvlFU

[Alfonso Martínez de Lizarrondo]

In that video I don't see you loading the XHTML sample at any time, only the skins and it's not clear that you have defined correctly the stylesheet.

I had to watch the video 5 times to try to follow the steps (next time don't try to make it a race), and as you can see at second 0:29 it's clear that the paragraph has the rteright class set.