Bundling TinyMCE themes using module loading

Overview

This section shows the files required for each TinyMCE component. 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. The mobile theme will be removed in TinyMCE 6.0.

./themes/mobile/theme.js