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

TinyMCE Documentation

    • Getting started
      • Introduction to TinyMCE
      • Installation
        • Cloud
          • Quick start guide
          • Supported Integrations
            • React
            • Angular
            • Vue.js
            • Blazor
            • Svelte
            • Web Component
            • jQuery
          • Backend Integrations
            • Django
            • Laravel
            • Ruby on Rails
          • Other Integrations
            • Bootstrap
        • Self-hosted
          • Quick start guide
          • Self-hosted trial
          • Supported Integrations
            • React
              • Using a package manager with hosting
              • Using a package manager with bundling
            • Angular
              • Using a package manager
              • Using a package manager with bundling
            • Vue.js
              • Using a package manager
              • Using a package manager with bundling
            • Blazor
              • Using a package manager
            • Svelte
              • Using a package manager
              • Using a package manager with bundling
            • Web Component
              • Using a package manager
            • jQuery
            • Java Swing
          • Backend Integrations
            • Laravel
              • Using the Composer package
            • Ruby on Rails
              • Using a package manager
            • Node.js + Express
          • Other Integrations
            • Shadow DOM
            • PHP projects
            • .NET projects
            • WordPress
        • ZIP
          • Quick start guide
          • Supported Integrations
            • React
              • Using a .zip package with hosting
              • Using a .zip package with bundling
            • Angular
              • Using a .zip package
              • Bundle TinyMCE from a .zip package
            • Vue.js
              • Using a .zip package
            • Blazor
              • Using a .zip package
            • Svelte
              • Using a .zip package
            • Web Component
              • Using a .zip package
            • Java Swing
          • Backend Integrations
            • Django
            • Laravel
            • Ruby on Rails
          • Other Integrations
            • Bootstrap
      • Upgrading TinyMCE
    • How-to guides
      • Learn the basics
        • Basic setup
        • Using plugins to extend TinyMCE
        • Content filtering
        • Localization
        • Spell checking
        • CSS for rendering content
        • Using the UserLookup API
      • 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 guides
        • Introduction
        • Hyperlinking service
        • Image Proxy service
        • Spelling service
        • Export to PDF
        • Import from Word and Export to Word
        • 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
        • Troubleshoot server-side components
      • Customizing the editor appearance
        • Customizing the UI
        • Create a skin
        • Create an icon pack
        • Using the icon pack template tool
      • 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
        • Views
        • Context
        • Context forms
        • Context menus
        • Context toolbar
        • Keyboard Shortcuts
        • Creating custom plugins
        • Available Commands
        • Available Events
        • Available Icons
        • Using the Annotations API
      • Bundling TinyMCE
        • Introduction
        • Bundling overview
        • 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
      • Migration guides
        • Direct Migration Guides to Latest Major Version (8)
          • Migrating from 4 to 8
          • Migrating from 5 to 8
          • Migrating from 6 to 8
          • Migrating from 7 to 8
        • 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
      • Promotions
    • 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
        • Enhanced Skins & 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 Typography
        • TinyMCE AI
          • Introduction
          • Chat
          • Review
          • Actions
          • AI Models
          • Limits
          • Integration Options
            • Plugin Configuration
            • REST API
              • API Overview
              • API Quick Start
              • Streaming
          • JWT authentication
            • Permissions
            • Guides
              • JWT authentication (Node.js)
              • JWT authentication (PHP)
          • On-premises deployment
            • Overview
            • Getting started
            • Database, Redis, and storage
            • LLM providers
            • JWT authentication
            • TinyMCE integration
            • Production deployment
            • MCP and web integrations (optional)
            • Troubleshooting
            • Reference
          • AI Assistant (legacy)
            • 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
          • Access Options
          • Commands, Events and APIs
          • Comments with Mentions
        • Enhanced Code Editor
        • Enhanced Media Embed
          • Enhanced Media Embed
          • Configure Enhanced Media Embed Server
          • Integrate Enhanced Media Embed Server
        • Enhanced Tables
        • Export to PDF
          • Export to PDF
            • HTML to PDF Converter API
            • JWT Authentication
              • Node.js (8.4.0+)
              • PHP (8.4.0+)
              • Node.js (pre-8.4.0)
              • PHP (pre-8.4.0)
        • Export to Word
          • HTML to DOCX Converter API
          • JWT Authentication
            • Node.js
            • PHP
        • Footnotes
        • Format Painter
        • Full Page HTML
        • Import from Word
          • DOCX to HTML Converter API
          • JWT Authentication
            • Node.js
            • PHP
        • Image Editing
        • Inline CSS
        • Link Checker
        • Math
        • Markdown
        • Media Optimizer
          • Image
          • Video
          • Files and Documents
        • Mentions
        • Merge Tags
        • MoxieManager
        • Page Embed
        • Permanent Pen
        • PowerPaste
          • Introduction
          • Options
          • Commands and Events
          • Supported functionality
          • Troubleshooting
        • Revision History
        • Spell Checker
          • Spell Checker
          • Adding custom dictionaries
        • Spelling Autocorrect
        • Suggested Edits
        • Table of Contents
        • Templates
        • 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
        • Anchor
        • Autolink
        • Autoresize
        • Autosave
        • Character Map
        • Code
        • Code Sample
        • Directionality
        • Emoticons
        • Full Screen
        • Help
        • Image
        • Import CSS
        • Insert Date/Time
        • Link
        • Lists
        • List Styles
        • Media
        • Nonbreaking Space
        • Page Break
        • Preview
        • Quick Toolbars
        • Save
        • Search and Replace
        • Table
        • 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
        • TinyMCE 8.6.0
          • Overview
          • Accompanying Premium Plugin changes
          • Improvements
          • Additions
        • TinyMCE 8.5.1
          • Overview
          • Security fixes
        • TinyMCE 8.5.0
          • Overview
          • Accompanying Premium Plugin changes
          • Accompanying Enhanced Skins & Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
          • Deprecated
        • TinyMCE 8.4.0
          • Overview
          • New Premium plugin
          • Accompanying Premium Plugin changes
          • Accompanying Enhanced Skins & Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
          • Security fixes
          • Known issues
        • TinyMCE 8.3.2
          • Overview
          • Accompanying Premium Plugin changes
          • Improvement
        • TinyMCE 8.3.1
          • Overview
          • Accompanying Premium Plugin changes
          • Bug fix
        • TinyMCE 8.3.0
          • Overview
          • Premium plugins now available via NPM
          • Accompanying Premium Plugin changes
          • Improvements
          • Additions
          • Bug fixes
        • TinyMCE 8.2.2
          • Overview
          • Improvement
        • TinyMCE 8.2.1
          • Overview
          • Accompanying Premium Plugin changes
          • Bug fixes
        • TinyMCE 8.2.0
          • Overview
          • Accompanying Premium Plugin changes
          • Improvements
          • Bug fixes
          • Known issues
        • TinyMCE 8.1.2
          • Overview
          • Bug fix
        • TinyMCE 8.1.1
          • Overview
          • Bug fix
        • TinyMCE 8.1.0
          • Overview
          • New Premium plugin
          • Accompanying Premium plugin changes
          • Improvements
          • Changes
          • Bug fixes
          • Deprecated
          • Known issues
        • TinyMCE 8.0.2
          • Overview
          • Accompanying Premium plugin changes
          • Accompanying Enhanced Skins & Icon Packs changes
        • TinyMCE 8.0.1
          • Overview
          • Bug fixes
          • Known issue
        • TinyMCE 8.0
          • Overview
          • New Premium plugins
          • Accompanying Premium plugin changes
          • Accompanying Enhanced Skins & Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Removed
          • Bug fixes
      • Changelog
    • Invalid API key
    • License key
    • Service license keys
    • Support
    • Usage-Based Billing
    • API Reference
      • tinymce
        • tinymce
        • tinymce.AddOnManager
        • tinymce.Annotator
        • tinymce.Editor
        • tinymce.EditorManager
        • tinymce.EditorMode
        • tinymce.EditorOptions
        • tinymce.EditorUpload
        • tinymce.Env
        • tinymce.Event
        • tinymce.FakeClipboard
        • tinymce.Formatter
        • tinymce.NotificationManager
        • tinymce.Plugin
        • tinymce.Shortcuts
        • tinymce.Theme
        • tinymce.UndoManager
        • tinymce.UserLookup
        • tinymce.WindowManager
      • tinymce.dom
        • tinymce.dom.BookmarkManager
        • tinymce.dom.DOMUtils
        • tinymce.dom.EventUtils
        • tinymce.dom.RangeUtils
        • tinymce.dom.ScriptLoader
        • tinymce.dom.Selection
        • tinymce.dom.Serializer
        • tinymce.dom.StyleSheetLoader
        • tinymce.dom.TextSeeker
        • tinymce.dom.TreeWalker
      • tinymce.editor.ui
        • tinymce.editor.ui.Registry
        • tinymce.editor.ui.Ui
      • tinymce.geom
        • tinymce.geom.Rect
      • tinymce.html
        • tinymce.html.DomParser
        • tinymce.html.Entities
        • tinymce.html.Node
        • tinymce.html.Schema
        • tinymce.html.Serializer
        • tinymce.html.Styles
        • tinymce.html.Writer
      • tinymce.util
        • tinymce.util.Delay
        • tinymce.util.EventDispatcher
        • tinymce.util.I18n
        • tinymce.util.ImageUploader
        • tinymce.util.Observable
        • tinymce.util.Tools
        • tinymce.util.URI
Banner offering a free 14-day trial for the Professional Plan, encouraging users to sign up and experience enhanced capabilities with no initial commitment. A 'Start trial' button is displayed at the bottom
  • TinyMCE Documentation
  • Plugins
  • Open source plugins
  • Visual Blocks
TinyMCE Documentation v8 TinyMCE Documentation v7 TinyMCE Documentation v6