v-md-editor的md编辑器

官方文档：介绍 | v-md-editor
giuhub地址：GitHub - code-farmer-i/vue-markdown-editor: A markdown editor built on Vue

1、安装

npm i @kangc/v-md-editor -S

2、main.js引入

import Vue from 'vue'
import VueMarkdownEditor from '@kangc/v-md-editor'
import '@kangc/v-md-editor/lib/style/base-editor.css'
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js'
import '@kangc/v-md-editor/lib/theme/style/vuepress.css'

// Prism
import Prism from 'prismjs'
// highlight code
import 'prismjs/components/prism-json'

VueMarkdownEditor.use(vuepressTheme, {
  Prism
})

Vue.use(VueMarkdownEditor)

/* 2、v-md-editor 代码块关键字高亮  */
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js'
import '@kangc/v-md-editor/lib/theme/style/github.css'
// 引入所有语言包
import hljs from 'highlight.js'
VueMarkdownEditor.use(githubTheme, {
  Hljs: hljs
})
Vue.use(VueMarkdownEditor)

3、使用 

<v-md-editor v-model="textA" height="400px" />

data() {
    return {
      textA: '',
    }
},