Behive Tech Component Registry

Rich Text Editor

v0.1.3Draft

A TipTap rich text editor with a toolbar (bold, italic, headings 2 and 3, bulleted and numbered lists, quote, link, image), plus `RichText`, the renderer for the HTML it stores, with print-friendly prose styles.

pnpm add @behivetech/molecules.rich-text-editor

A controlled editor in a `FormField`. The preview below it is `RichText` on the same HTML.

Basic Rich Text EditorOpen in new tab

With `onInsertImage`, the toolbar shows an Image button. The picker here resolves with a stand-in image.

With Image Rich Text EditorOpen in new tab

`features` limits the toolbar to the formats a field needs, here a short bio.

Bio Rich Text EditorOpen in new tab

Invalid state for a required field that is empty; `FormField` shows the message.

Invalid Rich Text EditorOpen in new tab