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