文章目录
-
- 需求
- 分析
-
- 第一步：安装依赖
- 第二步：创建 Markdown 渲染组件
- 第三步，使用实例
- 扩展功能
-
- 1. 代码高亮：
- 2. 自定义渲染规则：
需求
渲染 markdown 格式的文本
分析
在Vue 3中实现Markdown渲染的常见方法。通常有两种方式：使用现有的Markdown解析库，或者自己编写解析器。对于大多数情况，使用现有的库会更高效，比如marked、markdown-it或者Vue的专用插件如vue-markdown
marked和markdown-it都是流行的选择，它们可以将Markdown字符串转换为HTML。同时，为了防止XSS攻击，可能需要一个清理库，比如DOMPurify，来净化生成的HTML内容。这样既能保证安全，又能正确渲染Markdown。
