switching between content alt stylesheets

To initially apply a stylesheet, you can use the .contentsCss config entry. Just add that entry in one of the locations described in this Developer's Guide article.

In order to switch between them, I found this appendStyleSheet function attached to the document namespace that you could use.

The code would look like this:

CKEDITOR.instances.EditorName.document.appendStyleSheet("/url/to/css/file.css");

Unfortunately this only gets us half the way, it adds the new stylesheet, but does not remove the old one.

However, if you are only using

body
{
   background-color: Maroon;
}

in your stylesheets, then the new stylesheet should override the old one's styles. (Just confirmed it using a test page, it does work.) It works quite well, in fact, because it appears that CKEditor doesn't care about the style data. The only downside is when switching between Source and WYSIWYG modes you will lose the appended style and it will be replaced with the original one defined in contentCss of the editor's config.

Hope this helps.