支持动态扩展mermaid

[sunsonliu]

背景

目前需要在cherry实例化之前加载mermaid，比较麻烦。

目标

希望在兼容旧方式的基础上，实现类似公式的实现方式：

engine: {
  syntax: {
    mathBlock: {
      engine: 'MathJax', // katex或MathJax
      // engine: 'katex', // katex或MathJax
      src: 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js', // 如果使用MathJax plugins，则需要使用该url通过script标签引入
      // src: 'https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js',
      // css: 'https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css', // 如果使用katex，则还需要引入css（如果是MathJax，则不需要）
    },
  }
}

[sunsonliu]

echart也有同样的问题。都是需要考虑对应资源没加载完时的处理方式，以及加载完后重新渲染的机制（依然是参考katex的实现）

[yanhuixie]

昨天被mermaid的问题虐得挠墙。。😂
我在开发导出word的功能，使用了@md2docx/md2docx 组件，发现了mermaid版本不一致的问题：

@md2docx/md2docx 0.0.1
└─┬ @m2d/remark-docx 1.2.2
  └─┬ mdast2docx 1.6.1
    └─┬ @m2d/mermaid 1.2.2
      └── mermaid 11.12.2

@md2docx/mermaid 1.2.2
└── mermaid 11.12.2

cherry-markdown 0.10.3
└── mermaid 9.4.3

然后发现pnpm tauri dev和pnpm tauri build模式下mermaid的渲染行为不一致（表现为theme不一致），一通调查，也是发现和mermaid组件的加载时机有关系。。

[sunsonliu]

昨天被mermaid的问题虐得挠墙。。😂 我在开发导出word的功能，使用了@md2docx/md2docx 组件，发现了mermaid版本不一致的问题：

@md2docx/md2docx 0.0.1
└─┬ @m2d/remark-docx 1.2.2
  └─┬ mdast2docx 1.6.1
    └─┬ @m2d/mermaid 1.2.2
      └── mermaid 11.12.2

@md2docx/mermaid 1.2.2
└── mermaid 11.12.2

cherry-markdown 0.10.3
└── mermaid 9.4.3

然后发现pnpm tauri dev和pnpm tauri build模式下mermaid的渲染行为不一致（表现为theme不一致），一通调查，也是发现和mermaid组件的加载时机有关系。。

cherry支持使用指定版本的mermaid哈，可以参考这篇wiki

[yanhuixie]

k，，原来是我自己一直搞错了。。😂
感谢兄弟，这篇wiki 解决了困扰我多天的问题。