> For the complete documentation index, see [llms.txt](https://enhancio.gitbook.io/tinymce-rich-text-editor-for-bubble/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enhancio.gitbook.io/tinymce-rich-text-editor-for-bubble/getting-started/quickstart.md).

# Quick Start

This page will give you brief instructions about how to set-up the *TinyMCE - Robust Rich Text Editor* plugin in your Bubble app.

## Instructions

{% stepper %}
{% step %}

#### Install the plugin

Install this plugin in your app's Bubble editor *Installed plugins* section.
{% endstep %}

{% step %}

#### Add the editor element to your app

Find the element *TinyMCE - Robust Rich Text Editor* and drag-and-drop it to your app page.

<figure><img src="/files/N1Vo6T363XzxswuLoYwj" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Set initial content

To load the data to the editor, use [Initial content](/tinymce-rich-text-editor-for-bubble/element-reference/fields.md#initial-content) element field action. Alternatively, you can use [Set content](/tinymce-rich-text-editor-for-bubble/element-reference/actions/set-content.md) action.

See [**How to Load and Save the Editor content**](/tinymce-rich-text-editor-for-bubble/getting-started/how-to-load-and-save-the-editor-content.md) guide for more info.

<figure><img src="/files/0TOxmcu9N3YaedYKtc3R" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Preview your app to see how it works

<figure><img src="/files/3g5DqrGWwimAH4ukbX3W" alt=""><figcaption><p>Editor element in the app preview with loaded initial content</p></figcaption></figure>
{% endstep %}

{% step %}

#### Congratulations!

The next step to learn more about configuring the plugin is to read our **how-to guides**, check **examples** or dive into **reference**.

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Examples</strong></td><td>See the most common use-cases</td><td></td><td></td><td><a href="/pages/XW0hoAhc4bTB3tEz7Nd5">/pages/XW0hoAhc4bTB3tEz7Nd5</a></td></tr><tr><td><strong>Element reference</strong></td><td>The complete documentation of the element fields, states, events and actions</td><td></td><td></td><td><a href="/pages/7aUFmnCMx9m4smGncsXL">/pages/7aUFmnCMx9m4smGncsXL</a></td></tr></tbody></table>

And of course, reach out if any questions!
{% endstep %}
{% endstepper %}
