项目中有一个需求,要在前端给用户展示内容,内容有 AI 生成的,返回来的是 md 格式,所以需要给用户展示 md 格式,并且管理端也可以编辑这个 md 格式的文档。
使用组件库 v-md-editor。
https://code-farmer-i.github.io/vue-markdown-editor/zh/examples/base-editor.html#%E5%BC%95%E5%85%A5
使用npm 命令进行安装
# 使用 npm npm i @kangc/v-md-editor -S
对于用户端需要展示出来,管理端需要编辑,官方给的全局组件是用来编辑的。 我使用局部注册的来管理。
在 main.js 中 导入编辑和预览组件,使用 Vue.use()进行全局的注册。
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
import VMdEditor from