> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/form-elements/rich-text-editor.md).

# Rich Text Editor

Rich Text Editor is the interface for editing rich text, which presents the user with a "what-you-see-is-what-you-get" editing area.

Rich Text Editor is commonly paired with a [Rich Text](/app-builder/app-construction/elements/web-elements/rich-text.md) whose input is HTML. Rich Text will be able to display the text that’s entered into the Editor.

<figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FoINLGrQTxRogEVAOtugo%2Fimage.png?alt=media&amp;token=0ec79780-fd87-49f2-a61e-3126cb7435cc" alt=""><figcaption></figcaption></figure>

## Properties

<figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FbFBo6pHzvQ0OuND7EjUJ%2Fimage.png?alt=media&amp;token=f0991608-3e3a-4bf3-b59d-7c11e599f818" alt=""><figcaption></figcaption></figure>

**Form item name:** This is the name that the encompassing form will use to access the output of the checkbox. See [Custom Form](/app-builder/app-construction/elements/form-elements/custom-form.md) for how it's used.

**Default value:** Select which option will be the default value.

**Readonly:** When on, user will not be able to input anything.

See [Form Check](/app-builder/app-construction/elements/form-check.md) for data validation.

See [Tooltip](/app-builder/app-construction/elements/tooltip.md) for tooltip configurations.

## Supported Events

**Text Change:** Triggered when a user changes text in the editor.

## Supported Actions

**Set Rich Text:** Set the input value.

**Set Validate Result:** Set whether the input is valid.

**Set Data:** Change element data. See [Data Store](/app-builder/app-construction/data-store.md).

**Set Loading:** Set loading animation. See [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md).

{% hint style="info" %}
Visit [Interactions](/app-builder/app-construction/interactions.md) for more on events and actions.
{% endhint %}