Install mavon-editor (安装)

npm install mavon-editor --save

或者

cnpm install mavon-editor --save

如果提示:

deprecate [email protected][email protected]^9.11.0 Support has ended for 9.x series. Upgrade to @latest

就请使用:

cnpm install [email protected] --save

Use (如何引入)

main.js中进行导入

import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
// use
Vue.use(mavonEditor)

然后在需要编辑器的地方放入

<mavon-editor v-model="value"/>

就完成了初步的引入和使用,效果如下

vue+element-ui集成mavonEditor编辑器

设置高度

.markdown-body{
  height: 800px;
}

vue+element-ui集成mavonEditor编辑器

具体的参数可以参考官方的介绍:

https://github.com/hinesboy/mavonEditor

如果觉得我的文章对你有用,请随意赞赏