关于 Vue3+ts 引入 markdown 插件所遇到的问题

• 关于 Vue3+ts 引入 markdown 插件所遇到的问题

Vue3+ts 引入 markdown 插件

1. 使用的是 v-md-editor
2. 使用方法如下
   main.js 引入

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';

import Prism from 'prismjs';

VueMarkdownEditor.use(vuepressTheme, {
    Prism,
});
app.use(VueMarkdownEditor);

3. 因为使用了 ts 有可能会出现找不到模块的情况 所以在 shims-vue.d.ts 声明一下

declare module '@kangc/v-md-editor';
declare module '@kangc/v-md-editor/lib/theme/vuepress.js';
declare module 'prismjs';

4. 然后页面直接使用

<v-md-editor v-model="text" height="500px"></v-md-editor>

5. 大功告成

附上官方文档：链接