vue 中实现markdown编辑器

在vue中使用markdown我使用到了mavon-editor组件，mavon-editor组件github地址：https://github.com/hinesboy/m...

一：下载mavon-editor

npm install mavon-editor

二：mavon-editor使用

html代码：

js代码:

前提：需要引入mavon-editor

import { mavonEditor } from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'

完整的js代码如下：

上面使用到了调取外部接口进行上传，调取外部接口方法可参考：vue.js结合axios实现跨域访问接口

上传接口可以参考：html+js 实现markdown编辑器效果 中的上传接口

到此在vue中实现markdown编辑器功能实现完成

现象如下：