I'm experimenting with the CKEditor ability to set bodyId and bodyClass. These features make me hopeful that I can use my site's actual CSS file to drive the editor styling.
I've run into a barrier, however. I need to cascade several styles, but have only figured out how to apply the one class and/or Id to the body. For instance, an article on the site may effectively be styled by this hierarchy:
.main .Article .Staff
Is there a way to wrap additional classes around content in the editor? I have experimented with initializing the editor with wrapper div or divs around some initial content and this works to some extent, but since they are in the editor content, it could be problematic. Also, the styles can't be changed once they are initialized.
Is there a way to apply multiple classes to the editor body? Cascading classes?
I've run into a barrier, however. I need to cascade several styles, but have only figured out how to apply the one class and/or Id to the body. For instance, an article on the site may effectively be styled by this hierarchy:
.main .Article .Staff
Is there a way to wrap additional classes around content in the editor? I have experimented with initializing the editor with wrapper div or divs around some initial content and this works to some extent, but since they are in the editor content, it could be problematic. Also, the styles can't be changed once they are initialized.
Is there a way to apply multiple classes to the editor body? Cascading classes?
Re: Multiple, cascading classes?
I took an immense leap of faith, hoping that the class assignment was simply a text insertion into the editor's inscrutable html, and simply used a space in the text assigned to bodyClass, as follows:
And it worked. I can use this css to style the editor (both classes appear to apply) and the content used in other places (by classing using only the second class):
UPDATE:
This works in all browsers. Here is the html produced in Firefox (captured with Firebug) for the content body: