TipTap Editor
Rich text editor built on @tiptap/vue-3. Ships with a styled toolbar covering headings, bold/italic, lists, links, images, code blocks, and an embedded media picker. Heavy component — see existing posts/blog form for full usage.
Default
Editor with the default toolbar bound to v-model.
Without toolbar
Compact mode for short content like bios.
API Reference
Props, events, and slots for each sub-component.
TipTapEditor
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | string | "" | HTML content. Supports v-model. |
| placeholder | string | — | Placeholder text when empty. |
| sticky | boolean | true | Make the toolbar sticky to the top. |
| minimal | boolean | false | Hide the toolbar and most extensions. |
| showCharacterCount | boolean | false | Show a live character counter. |
Slots
| Slot | Description |
|---|---|
| toolbar-extra | Append extra toolbar buttons after the default set. |