markdown编辑插件mavon-editor使用

1.安装

npm insatll mavon-editor --save

2.引入

import mavonEditor from 'mavon-editor';
import 'mavon-editor/dist/css/index.css';

Vue.use(mavonEditor);

3.使用

 <mavon-editor @change="markdownChange" @save="markdownSave" />
 <div v-html="htmlValue"></div>

  // 触发change事件
    markdownChange(value, render) {
    this.htmlValue = render;
    },
    // 触发ctrl+s事件
    markdownSave(value, render) {
      this.htmlValue = render;
    }