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

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

 

 

 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 id="main">
    <mavon-editor/>
</div>

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

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

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

 

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

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