---
title: "TinyMCE classic editing mode"
description: "The Theme that renders iframe or inline modes using the TinyMCE core UI framework."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/use-tinymce-classic/"
md_url: "https://www.tiny.cloud/docs/tinymce/7/use-tinymce-classic/index.md"
version: "7"
last_updated: "2022-11-30T01:26:11Z"
tokens: 341
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/use-tinymce-classic/).
# 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:

**Example**

```js
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:

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

### Related configuration options

- For information on using editor customization options, see: [Customizing the editor UI](../customize-ui/).
- For information on localizing TinyMCE, see: [Localize TinyMCE](../localize-your-language/).
- For information on important TinyMCE integration options, see: [Key editor options](../editor-important-options/).