Bundling TinyMCE themes using module loading

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/
├── langs/
├── license.txt
├── models/
├── 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