Important changes to Tiny Cloud pricing > Find out more

NOTE: TinyMCE 5 reached End of Support in April 2023. No more bug fixes, security updates, or new features will be introduced to TinyMCE 5. We recommend you upgrade to TinyMCE 6 or consider TinyMCE 5 Long Term Support (LTS) if you need more time.

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.