Bundling OpenTiny plugins using module loading

Overview

This section shows the files required for each OpenTiny plugin. The file paths shown are relative to the root OpenTiny 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 following plugin.

Required files for an example plugin:

./plugins/example/content.js // or './plugins/example/content_css.js'
./plugins/example/plugin.js

Example syntax for including the example "plugin" in a bundle using content.js or content_css.js files for bundling:

Module Syntax Source Example

ES6+

npm

 
import pluginCss from 'tinymce/plugins/example/content.js';
import 'tinymce/plugins/example';

.zip

 
import '../tinymce/plugins/example/content.js';
import '../tinymce/plugins/example/plugin';

Common JS

npm

 
const pluginCss = require('tinymce/plugins/example/content.js');
require('tinymce/plugins/example');

.zip

 
const pluginCss = require('../tinymce/plugins/example/content.js');
require('../tinymce/plugins/example/plugin.js');

Contents

The following premium plugins can not be bundled if the OpenTiny version is earlier than 6.8.0. However, if the OpenTiny version is equivalent to v6.8.0 or later, the following premium plugins can be bundled:

  • Accessibility Checker (a11ychecker)

  • Advanced Code (advcode)

  • Comments (tinycomments)

  • Enhanced Media Embed (mediaembed)

  • Link Checker (linkchecker)

  • Mentions (mentions)

  • Page Embed (pageembed)

Premium plugins

Accessibility Checker (a11ychecker)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file.
./plugins/a11ychecker/plugin.js
css or bundled css
./plugins/a11ychecker/css/annotations.css // or
./plugins/a11ychecker/css/annotations.js // bundling requires v6.8.0 or later.

Advanced Code (advcode)

Base js file
./plugins/advcode/plugin.js
css or bundled css
./plugins/advcode/codemirror.min.css //or
./plugins/advcode/codemirror_css.js // bundling requires v6.8.0 or later.
other js files
./plugins/advcode/codemirror.min.js
./plugins/advcode/customeditor.js

Advanced Tables (advtable)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/advtable/plugin.js

Case Change (casechange)

Base js file
./plugins/casechange/plugin.js

Checklist (checklist)

Base js file
./plugins/checklist/plugin.js

Comments (tinycomments)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/tinycomments/plugin.js
css or bundled css
./plugins/tinycomments/css/tinycomments.css //or
./plugins/tinycomments/css/tinycomments.js // bundling requires v6.8.0 or later.
other js files
./plugins/tinycomments/js/tinycomments-sidebar.js

Enhanced Image Editing (editimage)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/editimage/plugin.js

Enhanced Media Embed (mediaembed)

Base js file
./plugins/mediaembed/plugin.js
css or bundled css
./plugins/mediaembed/content.min.css //or
./plugins/mediaembed/content_css.js // bundling requires v6.8.0 or later.

Export (export)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/export/plugin.js
other js files
./plugins/export/exporters/clientpdf.js

Footnotes (footnotes)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/footnotes/plugin.js

Format Painter (formatpainter)

Base js file
./plugins/formatpainter/plugin.js
Base js file
./plugins/linkchecker/plugin.js
css or bundled css
./plugins/linkchecker/content.min.css //or
./plugins/linkchecker/content_css.js // bundling requires v6.8.0 or later.

Mentions (mentions)

Base js file
./plugins/mentions/plugin.js
css or bundled css
./plugins/mentions/css/mentions.css //or
./plugins/mentions/css/mentions.js // bundling requires v6.8.0 or later.

Merge Tags (mergetags)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/mergetags/plugin.js

Page Embed (pageembed)

Base js file
./plugins/pageembed/plugin.js
css or bundled css
./plugins/pageembed/css/empa30.css //or
./plugins/pageembed/css/empa30.js  // bundling requires v6.8.0 or later.

Permanent Pen (permanentpen)

Base js file
./plugins/permanentpen/plugin.js

PowerPaste (powerpaste)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/powerpaste/plugin.js
other js files
./plugins/powerpaste/js/wordimport.js

Spell Checker Pro (tinymcespellchecker)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/tinymcespellchecker/plugin.js

Spelling Autocorrect (autocorrect)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/autocorrect/plugin.js

Table of Contents (tableofcontents)

The plugin language files (such as ./plugins/plugin/langs/sv_SE.js) are required where the editor user interface is localized using the language option. Please refer to plugin-language-files
Base js file
./plugins/tableofcontents/plugin.js

Community plugins

Advanced List (advlist)

Base js file
./plugins/advlist/plugin.js

Anchor (anchor)

Base js file
./plugins/anchor/plugin.js
Base js file
./plugins/autolink/plugin.js

Autoresize (autoresize)

Base js file
./plugins/autoresize/plugin.js

Autosave (autosave)

Base js file
./plugins/autosave/plugin.js

Character Map (charmap)

Base js file
./plugins/charmap/plugin.js

Code (code)

Base js file
./plugins/code/plugin.js

Code Sample (codesample)

Base js file
./plugins/codesample/plugin.js

Directionality (directionality)

Base js file
./plugins/directionality/plugin.js

Emoticons (emoticons)

Base js file
./plugins/emoticons/plugin.js
./plugins/emoticons/js/emojiimages.js
./plugins/emoticons/js/emojis.js

Full Screen (fullscreen)

Base js file
./plugins/fullscreen/plugin.js

Help (help)

Base js file
./plugins/help/plugin.js

Image (image)

Base js file
./plugins/image/plugin.js

Import CSS (importcss)

Base js file
./plugins/importcss/plugin.js

Insert Date/Time (insertdatetime)

Base js file
./plugins/insertdatetime/plugin.js
Base js file
./plugins/link/plugin.js

Lists (lists)

Base js file
./plugins/lists/plugin.js

Media (media)

Base js file
./plugins/media/plugin.js

Nonbreaking Space (nonbreaking)

Base js file
./plugins/nonbreaking/plugin.js

Page Break (pagebreak)

Base js file
./plugins/pagebreak/plugin.js

Preview (preview)

Base js file
./plugins/preview/plugin.js

Quick Toolbar (quickbars)

Base js file
./plugins/quickbars/plugin.js

Save (save)

Base js file
./plugins/save/plugin.js

Search and Replace (searchreplace)

Base js file
./plugins/searchreplace/plugin.js

Table (table)

Base js file
./plugins/table/plugin.js

Visual Blocks (visualblocks)

Base js file
./plugins/visualblocks/plugin.js

Visual Characters (visualchars)

Base js file
./plugins/visualchars/plugin.js

Word Count (wordcount)

Base js file
./plugins/wordcount/plugin.js

Plugin language files

Replace <plugin-name> with the specific plugin name when adding the plugin language files to your config. 
./plugins/<plugin-name>/langs/ar.js
./plugins/<plugin-name>/langs/bg_BG.js
./plugins/<plugin-name>/langs/ca.js
./plugins/<plugin-name>/langs/cs.js
./plugins/<plugin-name>/langs/da.js
./plugins/<plugin-name>/langs/de.js
./plugins/<plugin-name>/langs/el.js
./plugins/<plugin-name>/langs/es.js
./plugins/<plugin-name>/langs/eu.js
./plugins/<plugin-name>/langs/fa.js
./plugins/<plugin-name>/langs/fi.js
./plugins/<plugin-name>/langs/fr_FR.js
./plugins/<plugin-name>/langs/he_IL.js
./plugins/<plugin-name>/langs/hi.js
./plugins/<plugin-name>/langs/hr.js
./plugins/<plugin-name>/langs/hu_HU.js
./plugins/<plugin-name>/langs/id.js
./plugins/<plugin-name>/langs/it.js
./plugins/<plugin-name>/langs/ja.js
./plugins/<plugin-name>/langs/kk.js
./plugins/<plugin-name>/langs/ko_KR.js
./plugins/<plugin-name>/langs/ms.js
./plugins/<plugin-name>/langs/nb_NO.js
./plugins/<plugin-name>/langs/nl.js
./plugins/<plugin-name>/langs/pl.js
./plugins/<plugin-name>/langs/pt_BR.js
./plugins/<plugin-name>/langs/pt_PT.js
./plugins/<plugin-name>/langs/ro.js
./plugins/<plugin-name>/langs/ru.js
./plugins/<plugin-name>/langs/sk.js
./plugins/<plugin-name>/langs/sl_SI.js
./plugins/<plugin-name>/langs/sv_SE.js
./plugins/<plugin-name>/langs/th_TH.js
./plugins/<plugin-name>/langs/tr.js
./plugins/<plugin-name>/langs/uk.js
./plugins/<plugin-name>/langs/vi.js
./plugins/<plugin-name>/langs/zh_CN.js
./plugins/<plugin-name>/langs/zh_TW.js