MarkdownView Markdown

Markdown HTML sanitize

import { ref } from 'vue' const content = ref( '# Title\n\n- item 1\n- item 2\n\n`inline code`\n\n```ts\nconst a = 1\n```\n\n> Quote', ) const richContent = ref( [ '# Heading 1', '## Heading 2', '', 'This is **bold**, *italic*, ~~strikethrough~~, and a [link](https://github.com).', '', '- Unordered item', ' - Nested item', '- [x] Task done', '- [ ] Task todo', '', '1. First ordered', '2. Second ordered', '', '> Blockquote with multiple lines', '>', '> - Quote item', '> - Another item', '', '---', '', '| Feature | Value |', '| --- | --- |', '| Table | Supported |', '| Inline code | `const a = 1` |', '', '```ts', 'export const sum = (a: number, b: number) => a + b', '```', ].join('\n'), )

Prop	Type	Default	Description
`content`	`string`	Text	Description for content.
`sanitize`	`boolean`	`true`	Description for sanitize.
`theme`	`auto \| light \| dark`	`auto`	Text（auto Text data-theme/class，TextDefault light）

MarkdownView Markdown

MarkdownView Markdown

Basic Usage

MarkdownView

Render Examples

Common Markdown Structures

Theme Preview

Light / Dark

API

Props