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 下 测试可以正常运行


• 自定义录音工具栏组件(*)


• 本地图片粘贴上传不支持（待解决）