TinyMCE classic editing mode

TinyMCE has three main integration modes:

• “classic” full editor mode
• inline editing mode
• distraction-free mode

There are a few important differences between these modes:

• Classic mode embeds an iframe in the page, which sandboxes the content and styles used in the content area.
• Inline mode does not use an iframe; the editor is run on the selected HTML element.
• The lack of sandboxing for the inline editor allows page scripts and styles to be used in the editor.
• Distraction-free mode is an inline editor with additional configuration to provide greater functionality.

Classic mode refers to the standard TinyMCE integration. Such as:

<textarea id="default">Hello, World!</textarea>

tinymce.init({
  selector: 'textarea#default'
});

Example: Replacing a textarea with the default editor

A basic TinyMCE editor can be added to a textarea element with the id mytextarea using:

tinymce.init({
    selector: 'textarea#mytextarea'
});

Related configuration options

• For information on using editor customization options, see: Customizing the editor UI.
• For information on localizing TinyMCE, see: Localize TinyMCE.
• For information on all TinyMCE configuration settings, see: Configuration options reference.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.