github項(xiàng)目地址

1、vue中下載安裝
cnpm install mavon-editor --save

2、main.js全局引入
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)

3、xxx.vue頁(yè)面中使用
<mavon-editor style="height:400px;z-index:1" v-model="content" ref=md @imgAdd="$imgAdd" placeholder="請(qǐng)開(kāi)始您的創(chuàng)作..." />

4、定義參數(shù)
export default {
data() {
return {
content:'',
}
}
}

5、方法中使用（自定義上傳圖片）
methods: {
// 綁定@imgAdd event
file) {
// 第一步.將圖片上傳到服務(wù)器.
var formdata = new FormData();
formdata.append("image", refs.md.message.error("上傳失敗");
}
});
}
}