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

TinyMCE integrates with frameworks and Content Management Systems (CMSs) through multiple deployment methods:

The fastest way to get started with TinyMCE. Load from the Tiny Cloud CDN for automatic updates to the latest version.

Install TinyMCE locally using NPM, Yarn, or other package managers for self-hosted solutions.

Download and install TinyMCE from a .zip archive for traditional web deployments.

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.