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;
}
image.png
网友评论