mavoneditor 显示html,mavon-editor 存储md文件以及md文件解析成html文件

一、md文件的存储

因为是vue-cli项目，所以使用的是mavonEditor.

使用方法：

首先安装：

npm install mavon-editor --save

然后在相应的组件里引用：

//引入

import {mavonEditor} from 'mavon-editor'

import 'mavon-editor/dist/css/index.css'

//标签使用，注意这里是mavon-editor

v-model="form.content"

ref="md"

defaultOpen="edit"

:toolbars="toolbarsValue"

@imgAdd="$imgAdd"

@change="changeMavon"

@save="saveMavon" />

//mavon-editor菜单栏的相关配置

toolbarsValue: {

bold: true, // 粗体

italic: true, // 斜体

header: true, // 标题

underline: true, // 下划线

strikethrough: true, // 中划线

mark: true, // 标记

superscript: true, // 上角标

subscript: true, //