vue接入mavon-editor无法显示 流程图、序列图等等，需要对接mermaid，这个应该怎么接入呢？

Question

vue已经成功接入mavon-editor，怎么对接mermaid，让他可以显示流程图等等功能

Answer 1

1. mavon文档：https://www.npmjs.com/package... - 找到Markdown 语法拓展目录

其中有句话很关键获取：mavon中的markdown-it对象引入其他的语法解析

1. https://www.npmjs.com/search?...:markdown-it-plugin%20mermaid 这里面一堆markdown解析 mermaid语法的插件，随便选一个
2. https://www.npmjs.com/package... 我选的是这个mermaid语法解析插件

3. 引入Vue中mavon进行使用
   4.1 安装 npm install @liradb2000/markdown-it-mermaid
   4.2 使用

    //markdown解析== 全局引入== 在main.ts中 
     import mavonEditor from 'mavon-editor'
     import 'mavon-editor/dist/css/index.css'
     import markdownItMermaid from "@liradb2000/markdown-it-mermaid";
     mavonEditor.markdownIt.use(markdownItMermaid);
     Vue.use(mavonEditor)

Answer 2

你好 解决了吗