vue中使用mavon-editor插件，实现markdown编辑器

采用全局引入，markdown编辑器和富文本编辑器可以切换的效果，以下是源代码

• 安装

npm install mavon-editor --save   // markdown编辑器
npm install vue-quill-editor --save // 富文本编辑器

• 引包

//  markdown编辑器
import mavonEditor from 'mavon-editor'  //引入markdown编辑器
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)
// 富文本编辑器
import VueQuillEditor from 'vue-quill-editor' //引入富文本编辑器
import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme
Vue.use(VueQuillEditor)

• 组件中使用

• 效果图

  
  
  image.png