Using Stylesheet Parser Plugin — CKEditor Sample

# CKEditor Samples » Using the Stylesheet Parser Plugin

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="http://ckeditor.com/">CKEditor</a>.</p>