1、mavon-editor是一款基于vue的markdown编辑器,个人感觉这个编译器比kingEditor用的稍微爽一些,这个编译器带效果预览。大家简单粗暴的了解一下吧!

04、springboot+security+vue个人博客系统之获取mavon-editor编译器中的文字

 

 

 2、vue-cli中安装

npm install mavon-editor --save

在vue-cli构建的脚手架离得main.js可以像这样引用:

    // 全局注册
    import Vue from 'vue'
    import mavonEditor from 'mavon-editor'
    import 'mavon-editor/dist/css/index.css'
    // use
    Vue.use(mavonEditor)
    new Vue({
        'el': '#main'
    })

在具体的组件里html里定义挂载点

<div >
    <mavon-editor/>
</div>

想要获取在编译器中输入的文字要这样设置

<div >
    <mavon-editor  ref="md"/>
</div>

通过this.$refs.md.d_render 来获取其中的内容(获取的时候连html格式 一并获取哦)

04、springboot+security+vue个人博客系统之获取mavon-editor编译器中的文字

 

想要了解使用该编译器进行图片上传请参考博客:

https://www.jianshu.com/p/78ea4f94a3d0

相关文章:

  • 2021-10-25
  • 2022-12-23
  • 2022-01-04
  • 2021-08-16
  • 2022-12-23
  • 2021-06-27
  • 2021-06-04
猜你喜欢
  • 2022-12-23
  • 2021-05-05
  • 2022-12-23
  • 2021-07-04
  • 2021-08-24
  • 2021-08-30
相关资源
相似解决方案