Rich Text

A WYSIWYG editor built on TipTap. Ships with a toolbar of common formatting actions and emits HTML as the user types. Drop it into any form and treat the value like a textarea.

Supported Formatting

  • Bold, italic, strikethrough, inline code
  • Headings (H1–H3)
  • Bulleted and ordered lists
  • Blockquote
  • Undo / redo

Use RichTextToolbar separately if you want to render the toolbar somewhere other than the default position.

Installation

Props

PropTypeDefaultDescription
value
stringControlled HTML content.
onChange
(html: string) => voidCalled whenever the document changes.
placeholder
stringShown when the document is empty.
minHeight
string"160px"CSS min-height of the editor area.
disabled
booleanfalseMake the editor read-only.