vue-bl-markdown-editor基于 markdown-it 高度可扩展的 vue 编辑器组件
vue-bl-markdown-editor,一个基于 markdown-it 高度可扩展的 vue 编辑器组件。
- 允许提供插槽自定义工具栏
- 允许通过动态注册组件,允许插入工具栏指定位置
- 优势: 可完全自定义工具栏功能,markdown-it 插件调用等
安装
$ npm install vue-bl-markdown-editor --save
使用
main.js
:
// 全局注册 // import with ES6 import Vue from 'vue' import MarkDownEditor from 'vue-bl-markdown-editor' import 'vue-bl-markdown-editor/dist/css/main.css' // use Vue.use(MarkDownEditor); new Vue({ 'el': '#main', data() { return { value: '' } } })
TODO
- 基础工具栏
- 实现撤销恢复功能
- 兼容手机
- 样式美化
- 本项目中打包dev演示页面
- highlight 样式引用(*)
- 图片上传回调配置
- 图片粘贴上传
- 图片拖拽上传
- 同步滚动(暂时按滚动条高度计算**)
- 录音兼容问题(测试 chrome/firefox 正常,edge 申请失败)
- 必须运行在 https 下 测试可以正常运行
- 自定义录音工具栏组件(*)
- 本地图片粘贴上传不支持(待解决)
评论