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.

"Kama" skin

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

"Office 2003" skin

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

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

"V2" skin

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

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