您现在的位置是:网站首页> 编程资料编程资料
Vue如何整合mavon-editor编辑器(markdown编辑和预览)_vue.js_
2023-05-24
231人已围观
简介 Vue如何整合mavon-editor编辑器(markdown编辑和预览)_vue.js_
简介
说明
本文介绍Vue如何使用markdown编辑器。
mavon-editor是目前比较主流的markdown编辑器,本文介绍它的使用方法。
官网网址
https://github.com/hinesboy/mavonEditor
安装mavon-editor依赖
npm install mavon-editor -P
注册mavon-editor编辑器
在main.js中加入如下内容:
import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor);
使用编辑功能
代码
发布
结果展示

使用预览功能
代码
结果展示

到此这篇关于Vue整合mavon-editor编辑器(markdown编辑和预览)的文章就介绍到这了,更多相关Vue整合mavon-editor编辑器内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- Vue获取DOM的几种方法总结_vue.js_
- Echarts图表位置调整的图文教程_javascript技巧_
- 几分钟弄懂Vuex的五大属性和使用方式_vue.js_
- 关于delete和Vue.delete的区别及说明_vue.js_
- 完美解决element-ui的el-input设置number类型后的相关问题_vue.js_
- vue中可以绑定多个事件吗_vue.js_
- uni-app微信小程序使用echarts的详细图文教程_javascript技巧_
- js 实现div拖拽拉伸完整示例_javascript技巧_
- vue框架和react框架的区别以及各自的应用场景使用_vue.js_
- vue中的总线机制(EventBus)解析_vue.js_
