components · forms & controls
TuxMarkdownEditor
Lightweight markdown authoring surface with formatting toolbar, keyboard shortcuts (⌘B, ⌘I, ⌘K, ⌘E), Tab indentation support, character/word counting, and instant MDC preview rendering.
interactive showcase
Live Editor
Rows:
usage syntax
Code snippet
vue
<TuxMarkdownEditor
v-model="content"
:rows="10"
:preview="true"
:disabled="false"
/>api reference
Props & Bindings
| Prop | Type | Default | Description |
|---|---|---|---|
| v-model | string | "" | Two-way bound markdown string content. |
| rows | number | 12 | Visible text area height in rows. |
| preview | boolean | true | Toggles visibility of the preview tab render. |
| minLength / maxLength | number | undefined | Validation boundaries with visual counters and status warnings. |
| disabled | boolean | false | Prevents editing while maintaining accessible viewing state. |