Important changes to Tiny Cloud pricing > Find out more

Bundling TinyMCE themes using module loading

Information on bundling TinyMCE themes using module loading

Contribute to this page

Overview

This section shows the files required for each TinyMCE theme. The file paths shown are relative to the root TinyMCE package directory, where tinymce.min.js is stored. For example:

./
├── icons/
├── jquery.tinymce.min.js
├── langs/
├── license.txt
├── plugins/
├── readme.txt
├── skins/
├── themes/
├── tinymce.d.ts
├── tinymce.js
├── tinymce.min.js
└── version.txt

The following table shows examples of the syntax used to bundle the silver theme:

./themes/silver/theme.js

Example syntax for including the silver theme in a bundle:

Module Syntax Source Example
ES6+ npm
import 'tinymce/themes/silver';
.zip 
import '../tinymce/themes/silver/theme';
Common JS npm
require('tinymce/themes/silver');
.zip 
require('../tinymce/themes/silver/theme.js');
Default theme (silver)
./themes/silver/theme.js
Mobile theme
This theme was deprecated in TinyMCE 5.1. The default theme (silver) provides a better user experience on mobile compared to this deprecated theme.
./themes/mobile/theme.js

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.