How Do I Add Existing CSS Styles from an External File to Editor Output and the Styles Drop-Down List?

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

CKEditor 3.6 and later includes the Stylesheet Parser (stylesheetparser) plugin that can be used to point to an external CSS stylesheet containing style definitions. It will help you use existing CSS styles and display them in the Styles drop-down list without a need to define them specifically for CKEditor as described here.

For more information on using the plugin refer to the Stylesheet Parser Plugin section of the Developer's Guide and check the "Stylesheet Parser plugin" (stylesheetparser.html) sample from the _samples folder of your CKEditor installation package.

This page was last edited on 15 July 2011, at 11:03.