FormsFree

Rich Text Editor

A Tiptap-powered WYSIWYG editor with a formatting toolbar.

Usage

Write something...

bash

npx wunderui-cli add rich-text-editor

Writes the source into your project with its dependencies and, on first use, the styles — see Installation.

Then import what you need:

tsx

import {
  RichTextEditor,
  RichTextEditorProps,
  RichTextEditorSkeleton,
} from "@/components/wunderui/rich-text-editor"

A formatting toolbar above the text you edit.

Write something...

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

A reply box with formatting under a design comment.

MLReply to Mira

Write a reply…