vue-bl-markdown-editor基于 markdown-it 高度可扩展的 vue 编辑器组件

联合创作 · 2023-09-19 18:09

vue-bl-markdown-editor,一个基于 markdown-it 高度可扩展的 vue 编辑器组件。

  • 允许提供插槽自定义工具栏
  • 允许通过动态注册组件,允许插入工具栏指定位置
  • 优势: 可完全自定义工具栏功能,markdown-it 插件调用等

演示站

UTOOLS1567330095009.png安装

$ 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 下 测试可以正常运行
  • 自定义录音工具栏组件(*)
  • 本地图片粘贴上传不支持(待解决)
浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报