---
title: "Use multiple TinyMCE instances in a single page"
description: "Add multiple TinyMCE editor instances to a single page, either sharing one configuration or each using a unique configuration."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/multiple-editors/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/multiple-editors/index.md"
version: "latest"
last_updated: "2026-09-28T00:27:52Z"
tokens: 648
---
# Use multiple TinyMCE instances in a single page
This section is about adding multiple editor instances to a single page. This is a common use case when using TinyMCE’s `inline` mode. Breaking content into sections (e.g., titles, paragraphs) allows users to edit them individually.
## Multiple editor instances sharing the same configuration
The following example breaks the page into two separate editable areas. Each area shares a single editor configuration. Each editable `div` is provided the same `class` of `myeditablediv`. TinyMCE is loaded just for the content area the user clicks.
```html
```
> **Note:** In the example above, the css selector is a `class` because the `id` must be unique.
## Multiple editor instances, each with a unique configuration
The following example loads each editable area with a unique configuration of TinyMCE. This is useful when different content areas have different needs, such as providing simple configuration for editing titles and a complete configuration for editing body content. Define a `tinymce.init` object/method for each configuration.
```html
```