Rich Text Editor
proTiptap-based rich text editor with toolbar (Bold, Italic, Lists, Links).
Overview
The Rich Text Editor provides a WYSIWYG editing experience powered by Tiptap v2. Includes a toolbar with Bold, Italic, Underline, Bullet List, Ordered List, and Link formatting. Stores HTML content in the form data.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
name | String | "richText" | Field name used in form data. |
label | String | "Rich Text" | Label displayed above the editor. |
placeholder | String | "Type or paste your content..." | Placeholder text. |
showToolbar | Boolean | true | Show/hide the formatting toolbar. |
required | Boolean | false | Whether content must be entered. |
minLength | Number | -- | Minimum content length. |
maxLength | Number | -- | Maximum content length. |
Features
- Tiptap v2 WYSIWYG editor
- Toolbar: Bold, Italic, Underline, Bullet List, Ordered List, Link
- Link insertion with edit/remove support
- Mixed border width support (independent sides)
- Stores HTML content in form data
- Custom toolbar styling (button colors, active states, icon colors)
Tips
The editor stores HTML — your backend should handle HTML sanitization.
Use minLength/maxLength for content length validation.
Hide the toolbar for a minimal writing experience.