PanMarkdownEditor
src/components/pan-markdown-editor.mjs
pan-markdown-editor
Markdown editor with formatting toolbar and live preview.
Features auto-save, syntax shortcuts, and full keyboard support.
Features:
- Rich formatting toolbar
- Keyboard shortcuts (Ctrl+B, Ctrl+I, etc.)
- Auto-indent for lists
- Tab support in editor
- Live preview toggle
- Word/character count
- Auto-save support
Attributes:
- value: Initial markdown content
- placeholder: Placeholder text
- preview: Show preview panel (default: false)
- autosave: Enable auto-save (default: false)
PAN Events:
- markdown.changed: { content, wordCount, charCount }
- markdown.saved: { content }
Usage:
Markdown editor with formatting toolbar and live preview.
Features auto-save, syntax shortcuts, and full keyboard support.
Features:
- Rich formatting toolbar
- Keyboard shortcuts (Ctrl+B, Ctrl+I, etc.)
- Auto-indent for lists
- Tab support in editor
- Live preview toggle
- Word/character count
- Auto-save support
Attributes:
- value: Initial markdown content
- placeholder: Placeholder text
- preview: Show preview panel (default: false)
- autosave: Enable auto-save (default: false)
PAN Events:
- markdown.changed: { content, wordCount, charCount }
- markdown.saved: { content }
Usage:
Class: PanMarkdownEditor
pan-markdown-editor
Markdown editor with formatting toolbar and live preview.
Features auto-save, syntax shortcuts, and full keyboard support.
Features:
- Rich formatting toolbar
- Keyboard shortcuts (Ctrl+B, Ctrl+I, etc.)
- Auto-indent for lists
- Tab support in editor
- Live preview toggle
- Word/character count
- Auto-save support
Attributes:
- value: Initial markdown content
- placeholder: Placeholder text
- preview: Show preview panel (default: false)
- autosave: Enable auto-save (default: false)
PAN Events:
- markdown.changed: { content, wordCount, charCount }
- markdown.saved: { content }
Usage:
Markdown editor with formatting toolbar and live preview.
Features auto-save, syntax shortcuts, and full keyboard support.
Features:
- Rich formatting toolbar
- Keyboard shortcuts (Ctrl+B, Ctrl+I, etc.)
- Auto-indent for lists
- Tab support in editor
- Live preview toggle
- Word/character count
- Auto-save support
Attributes:
- value: Initial markdown content
- placeholder: Placeholder text
- preview: Show preview panel (default: false)
- autosave: Enable auto-save (default: false)
PAN Events:
- markdown.changed: { content, wordCount, charCount }
- markdown.saved: { content }
Usage: