Bundling TinyMCE icon packs using module loading

Information on bundling TinyMCE icon packs using module loading

Overview

This section shows the files required for each TinyMCE icon pack. 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 following icon pack:

./icons/example/icons.js

Example syntax for including the example icon pack in a bundle:

Module Syntax	Source	Example
ES6+	npm	`import 'tinymce/icons/example';`
ES6+	`.zip`	`import '../tinymce/icons/example/icons';`
Common JS	npm	`require('tinymce/icons/example');`
Common JS	`.zip`	`require('../tinymce/icons/example/icons.js');`

Community

Default icons

./icons/default/icons.js

Premium

For information on premium icon packs, see: Tiny Skins and Icon Packs.

Bootstrap icons

./icons/bootstrap/icons.js

Jam icons

./icons/jam/icons.js

Material icons

./icons/material/icons.js

Small icons

./icons/small/icons.js

Thin icons

./icons/thin/icons.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.