# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bubble.digital-bird.com/plugins/medium-rich-text-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.