# 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.

<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'
    	});

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