TinyMCE 8 Documentation

TinyMCE is a rich-text editor that allows users to create formatted content within a user-friendly interface.

TinyMCE
HTML
JS

Click the "View HTML Output" button to see the generated HTML content.

<!--
  Note: This tab only shows the initial HTML and is not updated as you type or
  when you click submit.
-->
<textarea id="default-editor">
  <p><em>Hello</em>, <span style="text-decoration: underline;"><strong>World!</strong></span></p>
</textarea>

tinymce.init({
  selector: 'textarea#default-editor',
  plugins: [
      "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
      "help", "image", "insertdatetime", "link", "lists", "media",
      "preview", "searchreplace", "table", "visualblocks",
  ],
  toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
});

Overview

TinyMCE generates HTML5 output and supports various content elements including lists, tables, and other formatting options. The editor’s functionality can be extended through plugins and customizations, or restricted to meet specific requirements. The user interface can be customized to integrate seamlessly with applications or webpages.

Integration Options

Deploy TinyMCE however you want - from the cloud with zero configuration to self-hosted with full control.

☁️

Cloud CDN

Load from the Tiny Cloud CDN for automatic updates to the latest version with zero maintenance overhead.

Learn More →

📦

Package Manager

Install locally using npm, composer, or yarn for self-hosted solutions with complete control.

Learn More →

⬇️

Direct Download

Extract from .zip files for maximum control, offline deployments, and air-gapped environments.

Learn More →

Supported frameworks

The below frameworks are the official supported frameworks for TinyMCE.

React

Angular

Vue.js

Blazor

Svelte

Web Component

jQuery

Getting Started with TinyMCE

TinyMCE is a rich text editor designed for web applications. To install TinyMCE, include the required script and initialize the editor with a minimal configuration. Upon registration, an API key is provided along with a corresponding code snippet for integration.