Using Stylesheet Parser Plugin — CKEditor Sample
Description: Try the latest sample of CKEditor 4 and learn more about customizing your WYSIWYG editor with endless possibilities.

# CKEditor Samples » Using the Stylesheet Parser Plugin

This sample is not maintained anymore. Check out its brand new version in CKEditor Examples.

This sample shows how to configure CKEditor instances to use the Stylesheet Parser (`stylesheetparser`) plugin that fills the Styles drop-down list based on the CSS rules available in the document stylesheet.

To add a CKEditor instance using the `stylesheetparser` plugin, insert the following JavaScript call into your code:

    CKEDITOR.replace( 'textarea_id', {
    	extraPlugins: 'stylesheetparser'
    });

Note that `textarea_id` in the code above is the `id` attribute of the `<textarea>` element to be replaced with CKEditor.

CKEditor using the `stylesheetparser` plugin with its default configuration: <p>This is some <strong>sample text</strong>. You are using <a href="https://ckeditor.com/">CKEditor</a>.</p>