• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 395
  • Last Modified:

Apply css to CKEditor

Does anyone know how to apply css to the CKEditor WYSIWYG. I don't mean to provide the user with styling options, but rather to make the user experience look more like the front end styling.
0
s8web
Asked:
s8web
  • 2
2 Solutions
 
jonahzonaCommented:
This shouldn't be a problem.

You simply need to know the classes of the form that is used. You may have to use a lot of !important values in order to override the given values.

If you look at the source code of your WYSISYG editor you should have no problem applying CSS styling to it.

If you need some more specific guidance, put up a link of the WYSIWYG editor so we can help.
0
 
abt-itCommented:
Have a look at the fckconfig.js File of the FCK Editor.

---
FCKConfig.EditorAreaStyles = 'your.css';
---
Can be a single File or an array
---
FCKConfig.EditorAreaStyles = new Array('your.css', 'other.css');
---
0
 
abt-itCommented:
CKEDITOR.editorConfig = function( config )
{
      // Define changes to default configuration here. For example:
      // config.language = 'fr';
      // config.uiColor = '#AADC6E';
      config.contentsCss = ['/css/styles.css', '/css/def_42.css'];
      
}
0

Featured Post

Prep for the ITIL® Foundation Certification Exam

December’s Course of the Month is now available! Enroll to learn ITIL® Foundation best practices for delivering IT services effectively and efficiently.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now