> For the complete documentation index, see [llms.txt](https://bubble.digital-bird.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bubble.digital-bird.com/plugins/medium-rich-text-editor.md).

# Rich Text Editor like Medium 📝

## 🔗 Links

> [Demo](https://de-demo2.bubbleapps.io/version-test/medium) | [Editor](https://de-demo2.bubbleapps.io/version-test/medium)

> [Plugin page](https://bubble.io/plugin/rich-text-editor--medium-1621422273210x663707797524316200)

> [Forum](https://forum.bubble.io/t/plugin-rich-text-editor-like-medium/152496)

## ℹ️ Introduction

This is a clone of [medium.com](https://medium.com) inline editor toolbar.

## 🔥 Features

* 7 different themes
* 25+ toolbar buttons
* Extremely simple setup

## 📚 Documentation

### ➡️ Quick Start

1. Add the **Medium Text Editor** on the page:

![](/files/-MaEiJTRjmessnRdT8_Y)

2\. Set the **Content** field (can be static or dynamic value) and the **Buttons** list (comma-separated values). See below for the available buttons.

### ➡️ Available Toolbar Buttons

* bold
* italic
* underline
* anchor
* quote
* strikethrough
* h1, h2, h3, h4, h5, h6
* justifyLeft, justifyCenter, justifyRight, justifyFull
* orderedlist, unorderedlist
* indent, outdent
* image
* pre
* removeFormat
* html
* subscript
* superscript

### ➡️ Change the Toolbar Theme

To change the toolbar theme, simply call the **Set Theme** action and choose one of the available themes.

You can also create your own theme by writing custom CSS.

![](/files/-MaEk4lNLgEIkYa3ptd6)

![](/files/-MaEkB1jVIQbto8fRCne)

![](/files/-MaEkHf5FmcmC4nvkuhr)

![](/files/-MaEkLbcp2bs7cA3cBHL)

![](/files/-MaEkQDOy6pbmXyXddZq)

![](/files/-MaEkUgb1By5VqX7a3mH)

![](/files/-MaEk_8i_FUSnAn0nmBx)

### ➡️ States and Events

You can always access the **Content** state with current editor content.

Every time the content changes, a **Content changed** event is triggered. You can use it in your Workflow