Vue 3 components and composables for Vizel block-based Markdown editor
npm install @vizel/vueVue 3 components and composables for Vizel block-based Markdown editor.
``bash`
npm install @vizel/vue
- Vue 3.4+
`vue
`
`vue
`
`vue`
| Component | Description |
|-----------|-------------|
| Vizel | All-in-one editor with bubble menu and optional toolbar |VizelEditor
| | Editor component |VizelBubbleMenu
| | Floating formatting toolbar |VizelBubbleMenuDefault
| | Default bubble menu layout |VizelBubbleMenuButton
| | Bubble menu button |VizelBubbleMenuDivider
| | Bubble menu divider |VizelBubbleMenuColorPicker
| | Bubble menu color picker |VizelSlashMenu
| | Slash command menu |VizelSlashMenuItem
| | Slash command menu item |VizelSlashMenuEmpty
| | Slash command empty state |VizelToolbar
| | Fixed toolbar |VizelToolbarDefault
| | Default toolbar layout |VizelToolbarButton
| | Toolbar button |VizelToolbarDivider
| | Toolbar divider |VizelLinkEditor
| | Link editing popover |VizelNodeSelector
| | Node type selector |VizelColorPicker
| | Color picker |VizelFindReplace
| | Find and replace panel |VizelSaveIndicator
| | Auto-save status indicator |VizelEmbedView
| | Embed content viewer |VizelIconProvider
| | Custom icon provider |VizelThemeProvider
| | Theme provider |VizelProvider
| | Editor context provider |VizelPortal
| | Portal component |
| Composable | Description |
|------------|-------------|
| useVizelEditor | Create and manage editor instance |useVizelEditorState
| | Track editor state changes |useVizelState
| | Trigger reactivity on editor updates |useVizelMarkdown
| | Two-way Markdown synchronization |useVizelAutoSave
| | Auto-save to localStorage or custom backend |useVizelCollaboration
| | Real-time collaboration management |useVizelComment
| | Comment and annotation management |useVizelVersionHistory
| | Document version history |useVizelContext
| | Access editor from context |useVizelTheme` | Access theme from context |
|
See the main repository for full documentation.
MIT