CKEditor Samples » Full Page Editing

This sample is not maintained anymore. Check out its brand new version in CKEditor SDK.

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

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

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

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

The allowedContent in the code above is set to true to disable content filtering. Setting this option is not obligatory, but in full page mode there is a strong chance that one may want be able to freely enter any HTML content in source mode without any limitations.