Introduction to bundling TinyMCE

The following guides and reference pages assist with bundling TinyMCE using a module loader, such as Webpack, Rollup.js, and Browserify. TinyMCE is a modular platform that is designed to lazy-load libraries when they are required. This allows developers to only bundle the components of TinyMCE that are required and keep the resulting bundle as small as possible.

Webpack

Webpack - ES6 and npm

Bundle TinyMCE with Webpack using ES6 modules and npm.

Webpack - CommonJS and npm

Bundle TinyMCE with Webpack using CommonJS modules and npm.

Webpack - ES6 and .zip

Bundle TinyMCE with Webpack using ES6 modules from a .zip archive.

Webpack - CommonJS and .zip

Bundle TinyMCE with Webpack using CommonJS modules from a .zip archive.

Vite

Vite - ES6 and npm

Bundle TinyMCE with Vite using ES6 modules and npm for modern development workflows.

Rollup.js

Rollup.js - ES6 and npm

Bundle TinyMCE with Rollup.js using ES6 modules and npm.

Rollup.js - ES6 and .zip

Bundle TinyMCE with Rollup.js using ES6 modules from a .zip archive.

Browserify

Browserify - CommonJS and npm

Bundle TinyMCE with Browserify using CommonJS modules and npm.

Browserify - CommonJS and .zip

Bundle TinyMCE with Browserify using CommonJS modules from a .zip archive.

Reference

Learn how to bundle TinyMCE plugins with your module loader.

Configure and bundle content CSS for TinyMCE editor content.

Bundle and configure TinyMCE skins for custom editor appearance.

Bundle and customize TinyMCE icon sets for your editor interface.

Learn about bundling TinyMCE content models and data structures.

UI localizations

Bundle and configure TinyMCE UI localizations for internationalization.

Bundle and customize TinyMCE themes for your editor interface.