RichTextEditor
ShowcaseComponentsRichTextEditor
Forms

RichTextEditor.

ContentEditable rich writing with bold, italic, underline, lists and links.

Real interactive component
Live demo
0 HTML characters

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

6 props
ParameterTypeRequiredDefaultPossible valuesDescription
initialTextstringNo""—Initial plain-text content.
onChange(html: string) => voidNo——Returns edited HTML; sanitize before storing or rendering.
labelstringNoRich text editor—Accessible editable region name.
placeholderstringNoWrite something…—Instruction when empty.
disabledbooleanNofalsetrue · falseMake content read-only.
classNamestringNo——Additional CSS class on the outer component element.