vue-bl-markdown-editor基于 markdown-it 高度可擴(kuò)展的 vue 編輯器組件

vue-bl-markdown-editor，一個(gè)基于 markdown-it 高度可擴(kuò)展的 vue 編輯器組件。

• 允許提供插槽自定義工具欄
• 允許通過動態(tài)注冊組件，允許插入工具欄指定位置
• 優(yōu)勢： 可完全自定義工具欄功能，markdown-it 插件調(diào)用等

演示站

安裝

$ 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

• 基礎(chǔ)工具欄
• 實(shí)現(xiàn)撤銷恢復(fù)功能
• 兼容手機(jī)
• 樣式美化
• 本項(xiàng)目中打包dev演示頁面
• highlight 樣式引用（*）
• 圖片上傳回調(diào)配置
• 圖片粘貼上傳
• 圖片拖拽上傳
• 同步滾動(暫時(shí)按滾動條高度計(jì)算**)
• 錄音兼容問題（測試 chrome/firefox 正常,edge 申請失敗）
• 必須運(yùn)行在 https 下 測試可以正常運(yùn)行
• 自定義錄音工具欄組件(*)
• 本地圖片粘貼上傳不支持（待解決）