Forms
FormEditor
Rich text editor (Tiptap-based).
Forms
Enhanced form components for uploads, rich text editing, and search inputs.
Components
<XAFormEditor />
Rich text editor (Tiptap-based).
<XAFormEditor v-model="content" :toolbar="['bold', 'italic', 'link', 'image']" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | '' | HTML string bound via v-model |
toolbar | string[] | ['bold', 'italic', 'underline', 'link', 'image', 'bulletList', 'orderedList'] | Toolbar button identifiers to display |
placeholder | string | 'Start typing...' | Placeholder text shown when the editor is empty |
readonly | boolean | false | Render the editor in read-only mode |
AI Context
component: XAFormEditor
package: "@xenterprises/nuxt-x-app"
category: Form
use-when: Admin forms requiring rich text input — descriptions, notes, email templates, content fields
v-model: HTML string