CKEditor Samples » Full Page Editing with Document Properties Plugin

This sample shows how to configure CKEditor to edit entire HTML pages, from the <html> tag to the </html> tag.

The Document Properties (docprops) plugin is also turned on. This plugin allows you to set the metadata of the page, including the page encoding, margins, meta tags, or background.

The CKEditor instance below is inserted with a JavaScript call using the following code:

CKEDITOR.replace( 'textarea_id',
{
	fullPage : true,
        extraPlugins : 'docprops'
});

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