What is TinyMCE?

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:

  • Cloud CDN: Load from the Tiny Cloud CDN for automatic updates to the latest version

  • Package Manager: Install locally using package managers for self-hosted solutions

  • Direct Download: Extract from .zip files for self-hosted installations

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.