基于 vue 实现的markdown编辑器

介绍

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

相关连接

• 在线示例
• github

效果展现.

github 主题

vuepress 主题

轻量版编辑器

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

优势：

• 足够轻量

缺点：

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

进阶版编辑器

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

优势：

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

缺点：

• 文件体积远大于轻量版

预览组件

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

特性

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