ckeditor - how to match the styles on your website within the editor


i have an admin system integrating ckeditor. How do i configure it to match the styles used on my website?

Who is Participating?
Matthew KellyConnect With a Mentor Commented:
So, I believe you mean making the rich text area that the admin's type text into match the theme of your site so it is a better What You See Is What You Get on the website editor, i.e. the font size, where it wraps, etc?

CCKEDITOR has a contentsCss you can set to a custom css file:

Keep in mind you will likely have to make a special one just for ckeditor instead of just using your websites css file. That is because likely you are using classes such ".contentArea div" or something on your website and those classes won't exist in the editing page where ckeditor exists.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.