Important changes to Tiny Cloud pricing > Find out more

TinyMCE classic editing mode

The Theme that renders iframe or inline modes using the TinyMCE core UI framework.

Contribute to this page

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:

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

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.