vue集成mavon-editor

切换到vue项目目录下，安装插件

npm install mavon-editor --save

使用这条命令可能需要设置代理，不然会出现rollbackFailedOptional verb npm-session错误。所以建议使用淘宝镜像下载

cnpm install mavon-editor --save

安装成功后，可以在项目的package.json文件中的dependencies部分看到插件版本号，“mavon-editor”: “^2.9.0”

在main.js中全局注册该插件

import { mavonEditor } from "mavon-editor"
import "mavon-editor/dist/css/index.css"
Vue.component("mavon-editor", mavonEditor)

新建一个editor.vue测试效果（别忘了在index.js中引入路由）

<template>
 <div id="main">
  <mavon-editor v-model="value"/>
</div>
</template>

这里只是页面显示效果,逻辑代码大家可以自行添加