Bundling TinyMCE themes using module loading

Information on 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/
├── 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';`
ES6+	`.zip`	`import '../tinymce/themes/silver/theme';`
Common JS	npm	`require('tinymce/themes/silver');`
Common JS	`.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

Was this article helpful? Yes - No

Well, that's awkward . Would you mind opening an issue or helping us out?

Thanks for the feedback!

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.