基于 vue 实现的markdown编辑器

介绍

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

相关链接

效果展示.

github 主题

基于 vue 实现的markdown编辑器_第1张图片

vuepress 主题

基于 vue 实现的markdown编辑器_第2张图片

轻量版编辑器

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

优点:

  • 足够轻量

缺点:

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

进阶版编辑器

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

优点:

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

缺点:

  • 文件体积远大于轻量版

预览组件

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

特性

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

你可能感兴趣的:(vue.js,markdown,editor,html5,javascript)