基于 vue 实现的markdown编辑器

介绍

v-md-editor 是基于 Vue 开发的 markdown 编辑器组件

相关链接

• 在线示例
• 官方文档

效果展示.

github 主题

vuepress 主题

轻量版编辑器

轻量版编辑器左侧编辑区域使用 textarea 实现。

优点：

• 足够轻量

缺点：

• 不支持更为丰富的编辑区功能扩展。例如：无法根据不同的语法在输入框内显示不同的样式。

进阶版编辑器

进阶版编辑器左侧编辑区域使用 CodeMirror 实现。

优点：

• 可以根据 CodeMirror 提供的 Api 来自定义扩展编辑区域功能，提高编辑体验。

缺点：

• 文件体积远大于轻量版

预览组件

当你只需要对 markdown 语法进行解析并预览的时候，可以使用该组件。

特性

1. 高度可定制化
2. 高度可扩展性
3. 支持自定义主题包
4. 提供开箱即用的主题包
5. 提供多个组件。可按需使用。