CKEditor — How can I add document-specific CSS styles

Question

I'm using CKEditor to allow editing of template-based HTML newsletters with inline CSS. Each newsletter may have unique CSS styles to be applied to it.

How can add the document-specific styles to the Styles selection menu in the editor? I know I refer to a CSS file, but such file does not exist, as the styles are in the edited document.

Answer 1

If you are wanting to add more options to the styles then you need to edit the following file

ckeditor/plugins/styles/styles/default.js

OR

see the documentation for doing so here http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles

OR

see this being discussed on SO here Adding custom styles to CKEditor