CKEditor Sample — Skins

This sample shows how to automatically replace <textarea> elements with a CKEditor instance using a specific skin.

CKEditor with a specified skin (in this case, the "Office 2003" skin) is inserted with a JavaScript call using the following code:

CKEDITOR.replace( 'textarea_id',
	{
		skin : 'office2003'
	});

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

CKEditor requires JavaScript to run. In a browser with no JavaScript support, like yours, you should still see the contents (HTML data) and you should be able to edit it normally, without a rich editor interface.

"Kama" skin

The default skin used in CKEditor. No additional configuration is required.

<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

"Office 2003" skin

Use the following code to configure a CKEditor instance to use the "Office 2003" skin.

CKEDITOR.replace( 'textarea_id',
	{
		skin : 'office2003'
	});

<p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

"V2" skin

Use the following code to configure a CKEditor instance to use the "V2" skin.

CKEDITOR.replace( 'textarea_id',
	{
		skin : 'v2'
	});