---
title: "Bundling TinyMCE plugins using module loading"
description: "Information on bundling TinyMCE plugins using module loading"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-plugins/"
md_url: "https://www.tiny.cloud/docs/tinymce/6/bundling-plugins/index.md"
version: "6"
last_updated: "2023-12-06T03:38:30Z"
tokens: 3897
---
Important This page documents TinyMCE 6. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/bundling-plugins/).
# Bundling TinyMCE plugins using module loading

## Overview

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

Required files for an example plugin:

```js
./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:** ES6+ · **Source:** npm

**Example:**

```js
import pluginCss from 'tinymce/plugins/example/content.js';
import 'tinymce/plugins/example';
```
**Module Syntax:** ES6+ · **Source:** `.zip`

**Example:**

```js
import '../tinymce/plugins/example/content.js';
import '../tinymce/plugins/example/plugin';
```
**Module Syntax:** Common JS · **Source:** npm

**Example:**

```js
const pluginCss = require('tinymce/plugins/example/content.js');
require('tinymce/plugins/example');
```
**Module Syntax:** Common JS · **Source:** `.zip`

**Example:**

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

## Contents

> **Important:** The following premium plugins **can not** be bundled if the TinyMCE version is earlier than **6.8.0**. However, if the TinyMCE 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](#premium-plugins)

  - [Accessibility Checker (a11ychecker)](#accessibility-checker)
  - [Advanced Code (advcode)](#advanced-code)
  - [Advanced Tables (advtable)](#advanced-tables)
  - [Case Change (casechange)](#case-change)
  - [Checklist (checklist)](#checklist)
  - [Comments (tinycomments)](#comments)
  - [Enhanced Image Editing (editimage)](#enhanced-image-editing)
  - [Enhanced Media Embed (mediaembed)](#enhanced-media-embed)
  - [Export (export)](#export)
  - [Footnotes (footnotes)](#footnotes)
  - [Format Painter (formatpainter)](#format-painter)
  - [Link Checker (linkchecker)](#link-checker)
  - [Mentions (mentions)](#mentions)
  - [Merge Tags](#mergetags)
  - [Page Embed (pageembed)](#page-embed)
  - [Permanent Pen (permanentpen)](#permanent-pen)
  - [PowerPaste (powerpaste)](#powerpaste)
  - [Spell Checker Pro (tinymcespellchecker)](#spell-checker-pro)
  - [Spelling Autocorrect](#autocorrect)
  - [Table of Contents (tableofcontents)](#table-of-contents)
- [Community plugins](#community-plugins)

  - [Advanced List (advlist)](#advanced-list)
  - [Anchor (anchor)](#anchor)
  - [Autolink (autolink)](#autolink)
  - [Autoresize (autoresize)](#autoresize)
  - [Autosave (autosave)](#autosave)
  - [Character Map (charmap)](#character-map)
  - [Code (code)](#code)
  - [Code Sample (codesample)](#codesamplecodesample)
  - [Directionality (directionality)](#directionality)
  - [Emoticons (emoticons)](#emoticons)
  - [Full Screen (fullscreen)](#full-screen)
  - [Help (help)](#help)
  - [Image (image)](#image)
  - [Import CSS (importcss)](#import-css)
  - [Insert Date/Time (insertdatetime)](#insert-datetime)
  - [Link (link)](#link)
  - [Lists (lists)](#lists)
  - [Media (media)](#media)
  - [Nonbreaking Space (nonbreaking)](#nonbreaking-space)
  - [Page Break (pagebreak)](#page-break)
  - [Preview (preview)](#preview)
  - [Quick Toolbar (quickbars)](#quick-toolbar)
  - [Save (save)](#save)
  - [Search and Replace (searchreplace)](#search-and-replace)
  - [Table (table)](#table)
  - [Template (template)](#template)
  - [Visual Blocks (visualblocks)](#visual-blocks)
  - [Visual Characters (visualchars)](#visual-characters)
  - [Word Count (wordcount)](#word-count)

## Premium plugins

### Accessibility Checker (`a11ychecker`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file.
```js
./plugins/a11ychecker/plugin.js
```
css or bundled css
```js
./plugins/a11ychecker/css/annotations.css // or
./plugins/a11ychecker/css/annotations.js // bundling requires v6.8.0 or later.
```

### Advanced Code (`advcode`)

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

### Advanced Tables (`advtable`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/advtable/plugin.js
```

### Case Change (`casechange`)

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

### Checklist (`checklist`)

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

### Comments (`tinycomments`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/tinycomments/plugin.js
```
css or bundled css
```js
./plugins/tinycomments/css/tinycomments.css //or
./plugins/tinycomments/css/tinycomments.js // bundling requires v6.8.0 or later.
```
other js files
```js
./plugins/tinycomments/js/tinycomments-sidebar.js
```

### Enhanced Image Editing (`editimage`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/editimage/plugin.js
```

### Enhanced Media Embed (`mediaembed`)

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

### Export (`export`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/export/plugin.js
```
other js files
```js
./plugins/export/exporters/clientpdf.js
```

### Footnotes (`footnotes`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/footnotes/plugin.js
```

### Format Painter (`formatpainter`)

Base js file
```js
./plugins/formatpainter/plugin.js
```

### Link Checker (`linkchecker`)

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

### Mentions (`mentions`)

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

### Merge Tags (`mergetags`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/mergetags/plugin.js
```

### Page Embed (`pageembed`)

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

### Permanent Pen (`permanentpen`)

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

### PowerPaste (`powerpaste`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/powerpaste/plugin.js
```
other js files
```js
./plugins/powerpaste/js/wordimport.js
```

### Spell Checker Pro (`tinymcespellchecker`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/tinymcespellchecker/plugin.js
```

### Spelling Autocorrect (`autocorrect`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/autocorrect/plugin.js
```

### Table of Contents (`tableofcontents`)

> **Note:** 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](../ui-localization/#language). Please refer to [plugin-language-files](#plugin-language-files)
Base js file
```js
./plugins/tableofcontents/plugin.js
```

## Community plugins

### Advanced List (`advlist`)

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

### Anchor (`anchor`)

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

### Autolink (`autolink`)

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

### Autoresize (`autoresize`)

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

### Autosave (`autosave`)

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

### Character Map (`charmap`)

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

### Code (`code`)

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

### Code Sample (`codesample`)

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

### Directionality (`directionality`)

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

### Emoticons (`emoticons`)

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

### Full Screen (`fullscreen`)

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

### Help (`help`)

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

### Image (`image`)

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

### Import CSS (`importcss`)

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

### Insert Date/Time (`insertdatetime`)

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

### Link (`link`)

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

### Lists (`lists`)

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

### Media (`media`)

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

### Nonbreaking Space (`nonbreaking`)

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

### Page Break (`pagebreak`)

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

### Preview (`preview`)

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

### Quick Toolbar (`quickbars`)

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

### Save (`save`)

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

### Search and Replace (`searchreplace`)

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

### Table (`table`)

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

### Template (`template`)

Base js file
```js
./plugins/template/plugin.js
```

### Visual Blocks (`visualblocks`)

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

### Visual Characters (`visualchars`)

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

### Word Count (`wordcount`)

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

## Plugin language files

> **Important:** Replace `<plugin-name>` with the specific plugin name when adding the plugin language files to your config.

```js
./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
```