一.下载安装
npm install mavon-editor --save
二.全局挂载和使用
import mavonEditor from "mavon-editor";
import "mavon-editor/dist/css/index.css";
Vue.use(mavonEditor);
三.组件封装即使用
<template>
<div>
<mavon-editor
ref="md"
placeholder="请输入文档内容..."
:boxShadow="false"
style="z-index: 1; border: 1px solid #d9d9d9; height: 50vh"
v-model="content"
@imgAdd="$imgAdd"
:toolbars="toolbars"
@save="saveMavon"
@change="changeMavon"
></mavon-editor>
</div>
</template>
<script>
export default {
name: "home",
components: {},
props: ["markdownData"],
data() {
return {
content: "", // 文本域的值
html: "", //上传图片的地址
markdown: ""