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.

does my answer answer your question?

Henesnarfel
– Henesnarfel

2012-03-06 01:45:57 +00:00
Commented Mar 6, 2012 at 1:45 — Henesnarfel
– Henesnarfel, Commented Mar 6, 2012 at 1:45

Community · Accepted Answer · 2017-05-23 10:34:50Z

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

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Mar 3, 2012 at 2:59

Henesnarfel

2,1291 gold badge16 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

aaandre Over a year ago

Yes, the second link was useful. The styles are document-specific, so I'll have to convert them to json on the back end and insert them into the page loading the CKEditor instance. Wish there was a way to add the styles as pure CSS...

Collectives™ on Stack Overflow

CKEditor -- How can I add document-specific CSS styles

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related