Placeholder Plugin — CKEditor Sample

# CKEditor Sample — Using the Placeholder Plugin

This sample shows how to configure CKEditor instances to use the Placeholder plugin that lets you insert read-only elements into your content. To enter and modify read-only text, use the Create Placeholder button and its matching dialog window.

To add a CKEditor instance that uses the `placeholder` plugin and a related Create Placeholder toolbar button, insert the following JavaScript call to your code:

    CKEDITOR.replace( 'textarea_id',
    	{
    		extraPlugins : 'placeholder',
    		toolbar : [ [ 'Source', 'Bold' ], ['CreatePlaceholder'] ]
    	});

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

CKEditor using the `placeholder` plugin with its default configuration: <p>This is a [[sample placeholder]]. You are using <a href="http://ckeditor.com/">CKEditor</a>. </p>