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