---
title: "TinyMCE Skin options"
description: "Configure the editor's overall appearance."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/editor-skin/"
md_url: "https://www.tiny.cloud/docs/tinymce/7/editor-skin/index.md"
version: "7"
last_updated: "2022-11-30T01:26:11Z"
tokens: 389
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/editor-skin/).
# TinyMCE Skin options

There are two options for applying a skin to TinyMCE: `skin` and `skin_url`. Tiny recommends using the `skin` option for skins bundled with the product or included in your cloud subscription. Custom or third-party skins should be included using the `skin_url` option to simplify updating and upgrading TinyMCE.

## `skin`

This option allows you to specify the skin that TinyMCE should use, or `false` to not load a skin. The default skin included with TinyMCE is named "oxide".

**Type:** `String` or `Boolean`

**Default value:** `'oxide'`

**Possible values:** the name of a skin or `false`

The name of the skin should match the name of the folder within the skins directory of TinyMCE. If the specified skin is not found, TinyMCE will not load.

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  skin: 'oxide'
});
```
If you would like to create your own skin, please see the guide [here](../creating-a-skin/).

## `skin_url`

If you are using TinyMCE skins, this option enables you to specify the location of the skin directory. This is useful if you are loading TinyMCE from one URL, for example a CDN, while loading a skin on, say, a local server.

**Type:** `String`

### Example: using `skin_url`

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  skin_url: '/css/mytinymceskin'
});
```