TINY BLOG > Important changes to Tiny Cloud pricing > Find out more
Cart Checkout Return to Website

Premium Skins and Icon Packs

Quickly give TinyMCE a new look.

Contribute to this page

The Premium Skins and Icon Packs lets you quickly give TinyMCE a new look. Just choose one of our pre-made skins and icon packs.

How to use a premium skin

Use the skin option, in combination with the content_css option and the values listed below.

Available values for skins:

  • material-classic
  • material-outline
  • bootstrap
  • fabric
  • borderless
  • small
  • jam

Available values for content_css:

  • material-classic
  • material-outline
  • fabric
Example
tinymce.init({
  selector: 'textarea',    // change this value according to your HTML
  skin: "bootstrap",       // Name of the skin
  content_css: "bootstrap" // Name of the content skin
});

How to use an icon pack

Use the icons option with any of the values listed below.

Available values for icon packs:

  • material
  • small
  • jam
Example
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  icons: 'material'      // Name of icon pack
});

Icon pack compatibility matrix

Due to different toolbar button sizes, some icon packs fit better with some skins. Use the below matrix as a guide.

Skin Compatible Icon pack
material-classic material, jam, small
material-outline material, jam, small
bootstrap material, jam, small
fabric material, jam, small
borderless material, jam, small
small jam, small
jam jam, small

Self hosted usage instructions

For the self-hosted version of TinyMCE, Premium Skins and Icon Packs are available as a download, either as part of the Pro bundle or as an individual purchase. All skins and icons packs are included in the bundle.

Examples

Below are some recommended combinations of skins and icon packs:

Getting started

Creating an account

To try out Premium Skins and Icon Packs and Tiny Cloud-delivered editor, the first step is to create a free Tiny account.

The free user account provisioned with a free 30-day trial of all Tiny premium plugins, with no credit card information or commitment required.

Buy Premium Skins and Icon Packs

Start with this dedicated product page to see all the flexible pricing options. OEM and enterprise customers should contact sales directly.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.