Tiny logo Tiny logo
Home Pricing Language Packs Log In
Get Free API Key
Get TinyMCE

TinyMCE Documentation

    • Getting started
      • What is TinyMCE?
      • Installation
        • Cloud
          • Quick start
          • React
          • Angular
          • Vue.js
          • Blazor
          • Svelte
          • Web Component
          • jQuery
          • Bootstrap
          • Django
          • Laravel
          • Ruby on Rails
        • Self-hosted
          • React
            • Using a package manager with hosting
            • Using a package manager with bundling
            • Using a .zip package with hosting
            • Using a .zip package with bundling
          • Angular
            • Using a package manager
            • Using a .zip package
          • Vue.js
            • Using a package manager
            • Using a .zip package
          • Blazor
            • Using a package manager
            • Using a .zip package
          • Svelte
            • Using a package manager
            • Using a .zip package
          • Web Component
            • Using a package manager
            • Using a .zip package
          • Java Swing
          • Shadow DOM
          • jQuery
          • Bootstrap
          • Django
          • Node.js + Express
          • Laravel
            • Using the Composer package
            • Using a .zip package
          • Ruby on Rails
            • Using a package manager
            • Using a .zip package
          • WordPress
          • NPM projects
          • PHP projects
          • .NET projects
          • Bower projects
          • TinyMCE .zip deployments
      • Upgrading TinyMCE
    • How-to guides
      • Learn the basics
        • Basic setup
        • Using plugins to extend TinyMCE
        • Content filtering
        • Localization
        • Spell checking
        • CSS for rendering content
      • Environment setup guides
        • React framework
          • Using the Tiny Cloud
          • Using a package manager with hosting
          • Using a package manager with bundling
          • Using a .zip package with hosting
          • Using a .zip package with bundling
          • Technical reference
        • Angular framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Vue.js framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Blazor framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Svelte framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Web Component
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Java Swing
        • jQuery
          • Using the Tiny Cloud
          • Using a package manager
        • Bootstrap framework
          • Using the Tiny Cloud
          • Using a .zip package
        • Django framework
          • Using the Tiny Cloud
          • Using a .zip package
        • Node.js + Express
        • Laravel framework
          • Using the Tiny Cloud
          • Using the Composer package
          • Using a .zip package
        • Ruby on Rails framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
        • WordPress
        • NPM projects
        • PHP projects
        • .NET projects
        • Bower projects
        • TinyMCE .zip deployments
      • Cloud deployment guide
        • Cloud deployment of editor & plugins
        • Cloud deployment of plugins Only
        • Specify editor version & plugins
        • Version compatibility reference
        • Cloud Troubleshooting
      • Premium server-side services guide
        • Server-side component installation with Docker
          • Premium self-hosted bundle users
            • Introduction and initial setup
            • Hyperlinking service
            • Spelling service
            • Image Proxy service
          • Individually licensed plugin services
            • Hyperlinking service
            • Spelling service
        • Configure the server-side components
          • Required configuration
          • Optional common settings
          • Hyperlinking service settings
          • Image Proxy service settings
          • Spelling service settings
          • Spelling service - Using Hunspell dictionaries
          • Activity logging
        • Server-side component installation without Docker
        • Troubleshoot server-side components
      • Customizing the editor appearance
        • Customizing the UI
        • Create a skin
        • Create an icon pack
      • Images Guide
        • Image uploads
        • PHP image upload handler
      • Creating custom UI components
        • Toolbar Buttons
          • Toolbar buttons
          • Basic toolbar button
          • Toggle toolbar button
          • Menu toolbar button
          • Split toolbar button
          • Group toolbar button
        • Menu Items
          • Creating custom menu items
          • Custom Basic menu items
          • Custom Nested menu items
          • Custom Toggle menu items
        • Dialogs
          • Creating custom dialogs
          • Basic configuration
          • Body components
          • Footer buttons
          • APIs
          • Interactive examples
          • URL dialogs
        • Autocompleter
        • Notifications
        • Sidebars
        • Context forms
        • Context menus
        • Context toolbar
        • Keyboard Shortcuts
        • Creating custom plugins
        • Available Commands
        • Available Events
        • Available Icons
        • Using the Annotations API
      • Bundling TinyMCE
        • Introduction
        • Webpack
          • ES6 and npm
          • CommonJS and npm
          • ES6 and a .zip archive
          • CommonJS and a .zip archive
        • Vite
          • ES6 and npm
        • Rollup.js
          • ES6 and npm
          • ES6 and a .zip archive
        • Browserify
          • CommonJS and npm
          • CommonJS and a .zip archive
        • Reference
          • Plugins
          • Content CSS
          • Skins
          • Icons
          • Models
          • UI localizations
          • Themes
      • Upgrading TinyMCE
      • Migrating from TinyMCE 5
      • Migrating from Froala
      • Generate public key pairs
      • Understanding editor loads
    • Examples
      • General examples
        • Basic example
        • Full-featured demo including Open Source features
        • Full-featured demo Including Open Source and Premium features
        • Classic editor mode
        • Inline editor
        • Distraction-free editor
      • Integration examples
        • Template creation example
      • Skins and Icons examples
        • Bootstrap Demo
        • Borderless Demo
        • Fabric Demo
        • Fluent Demo
        • Jam Icons Demo
        • Material Classic Demo
        • Material Outline Demo
        • Naked Demo
        • Outside Demo
        • Small Icons Demo
        • Snow Demo
    • Initial configuration
      • Integration options
      • Size
      • Save and submit
      • Premium upgrade promotion
    • Interface
      • Editor modes
        • Classic editing mode
        • Inline editing mode
        • Distraction-free editing mode
        • Inline editor options
        • Multiple editors in a page
        • TinyMCE for mobile
      • Editor appearance
        • Skins
        • Icons
        • Tiny Skins and Icon Packs
        • Themes
      • Menus
        • Options
        • Available Menu Items
        • Available Context Menu Items
      • Toolbars
        • Options
        • Available Toolbar Buttons
      • Statusbar
      • Accessibility
      • Localization options
      • UI Mode
    • Content
      • Add CSS
      • Behaviors
      • Non-editable content
      • User formatting
      • Content filtering
      • Localization
      • Images and files
      • Content formats
      • Content appearance
      • Copy & paste options
      • Spelling options
      • Table options
      • URL handling options
      • Editor content models
    • Plugins
      • Premium plugins
        • Accessibility Checker
        • Advanced Code Editor
        • Advanced Tables
        • Advanced Templates
        • Advanced Typography
        • AI Assistant
          • OpenAI ChatGPT integration guide
          • Azure AI integration guide
          • Amazon Bedrock integration guide
          • Google Gemini integration guide
          • AI proxy server reference guide
        • Case Change
        • Checklist
        • Comments
          • Introduction
          • Using Comments
          • Callback mode
          • Embedded mode
          • Toolbar buttons and menu items
          • Commands, Events and APIs
        • Enhanced Image Editing
        • Enhanced Media Embed
          • Enhanced Media Embed
          • Configure Enhanced Media Embed Server
          • Integrate Enhanced Media Embed Server
        • Export
        • Footnotes
        • Format Painter
        • Inline CSS
        • Link Checker
        • Mentions
        • Merge Tags
        • MoxieManager
        • Page Embed
        • Permanent Pen
        • PowerPaste
          • Introduction
          • Options
          • Commands and Events
          • Supported functionality
          • Troubleshooting
        • Real-Time Collaboration (RTC)
          • Introduction
          • Supported Functionality
          • Getting started with RTC
          • Encryption Setup
          • JWT Authentication Setup
          • Configuration options
            • Configuration options overview
            • Required configuration options
            • Recommended and optional configuration options
          • RTC Events
          • How RTC encrypts content
          • RTC Troubleshooting
        • Spell Checker Pro
          • Spell Checker Pro
          • Adding custom dictionaries
        • Spelling Autocorrect
        • Table of Contents
        • Tiny Drive
          • Introduction
          • Getting started
          • Starter projects
            • .Net Core
            • Java Spring
            • Node.js
            • PHP
          • JWT Authentication setup
          • Configuration options
            • Setup options
            • UI options
            • Dropbox and Google Drive integration options
          • Integrations
            • Dropbox
            • Google Drive
          • Toolbar buttons and menu items
          • APIs
            • Introduction to the plugin APIs
            • The Upload API
            • The Browse API
            • The Pick API
            • TypeScript interfaces
          • Changelog
      • Open source plugins
        • Accordion
        • Advanced List
        • Anchor
        • Autolink
        • Autoresize
        • Autosave
        • Character Map
        • Code
        • Code Sample
        • Directionality
        • Emoticons
        • Full Screen
        • Help
        • Image
        • Import CSS
        • Insert Date/Time
        • Link
        • Lists
        • Media
        • Nonbreaking Space
        • Page Break
        • Preview
        • Quick Toolbars
        • Save
        • Search and Replace
        • Table
        • Template
        • Visual Blocks
        • Visual Characters
        • Word Count
    • Accessibility
      • Accessibility Guide
      • TinyMCE Keyboard shortcuts
    • Security
      • Security guide
        • Reporting TinyMCE security issues
        • What we do to maintain security for TinyMCE
        • Configuring Content Security Policy (CSP) for TinyMCE
        • General security risks for user input elements
      • Content Security Policies (CSP)
      • Cross-Origin Resource Sharing (CORS)
    • Release information
      • Release notes for TinyMCE 6
        • TinyMCE 6.8.5
          • Overview
          • Security fix
        • TinyMCE 6.8.4
          • Overview
          • Security fix
        • TinyMCE 6.8.3
          • Overview
          • Accompanying Premium self-hosted server-side component changes
          • Accompanying Premium plugin changes
          • Bug fixes
          • Security fix
        • TinyMCE 6.8.2
          • Overview
          • Accompanying Premium Plugin changes
          • Bug fixes
        • TinyMCE 6.8.1
          • Overview
          • Accompanying Premium Plugin changes
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Bug fixes
        • TinyMCE 6.7.3
          • Overview
          • Security fix
        • TinyMCE 6.7.2
          • Overview
          • Accompanying Premium self-hosted server-side component changes
          • Bug fixes
          • Security fixes
        • TinyMCE 6.7.1
          • Overview
          • Security fix
        • TinyMCE 6.7
          • Overview
          • Accompanying Premium plugin changes
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
        • TinyMCE 6.6.2
          • Overview
          • Accompanying Premium Plugin changes
          • Accompanying Premium Skins and Icon Packs changes
          • Improvement
          • Addition
          • Change
          • Bug fixes
        • TinyMCE 6.6
          • Overview
          • New Premium Plugin
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
          • Known issue
        • TinyMCE 6.5.1
          • Overview
          • New Open Source Plugin
          • Accompanying Premium Plugin changes
          • Accompanying Premium Plugin end-of-life announcement
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
          • Known issues
        • TinyMCE 6.4.2
          • Overview
          • Accompanying Premium Plugin changes
          • Accompanying Premium Skins and Icon Packs changes
          • Bug fixes
        • TinyMCE 6.4.1
          • Overview
          • Accompanying Premium Plugin changes
          • Accompanying Premium Plugin end-of-life announcement
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
          • Known issues
        • TinyMCE 6.3.2
          • Overview
          • Accompanying Premium self-hosted server-side component changes
          • Bug fix
          • Security fixes
        • TinyMCE 6.3
          • Overview
          • Accompanying Premium Plugin changes
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes