CKEditor Samples » 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.