mavonEditor | 基于Vue的markdown 编辑器插件 简单示例

首先是导入依赖

npm install mavon-editor --save

Use (如何引入)

// 方法一
// import with ES6
import Vue from 'vue'
import mavonEditor from 'mavon-editor'

// require with Webpack/Node.js
var Vue = require('vue')
var mavonEditor = require('mavon-editor')
// use
Vue.use(mavonEditor)

// 方法二
// or use with component(ES6)
import {
    mavonEditor } from 'mavon-editor'
export default {
   
  components: {
   
    mavonEditor
  }
}

最后使用直接上完整代码吧

<template>
    <div>
        <div>
            <el-input placeholder="文档ID" v-model="notice.noticeId" style="width: 8%; margin: 10px" readonly></el-input>
            <el-input placeholder="输入文档标题"
                      v-model="notice.noticeTitle" style="width: 20%; margin: 10px"/>
            <el-button type="primary" icon="el-icon-search" @click