Markdown Editor
Markdown Editor
A rich text editor with markdown support, toolbar formatting, and live preview.
Basic Usage
A simple markdown editor with two-way data binding. Click the Preview tab to see rendered output.
With Label
Associate a label with the editor for better accessibility.
Toolbar Features
The toolbar provides quick access to formatting options. You can also use keyboard shortcuts.
Available Formatting
- Bold — Select text and click B or press Ctrl+B
- Italic — Select text and click I or press Ctrl+I
- Underline — Select text and click U or press Ctrl+U
- Headings — Use the heading dropdown to set H1, H2, H3, or normal text
- Bullet List — Click the bullet list icon to add list items
- Numbered List — Click the numbered list icon for ordered lists
Pre-populated Content
The editor can be initialized with existing markdown content.
Disabled State
The editor can be disabled to prevent user input.
Form Integration
Use the editor within forms for content submission.
Submit Feedback
Share your thoughts with us using markdown formatting.
Usage Notes
Key features and markdown syntax supported by the editor.
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| Value | string? | — | The current markdown content. |
| Placeholder | string? | — | Placeholder text shown when the editor is empty. |
| Disabled | bool | false | When true, the editor is non-interactive. |
| Id | string? | — | HTML id attribute, used to associate with a Label. |
| Class | string? | — | Additional CSS classes appended to the root element. |