返回插件库

dsh-mermaid

把 DSH 会话中的 Mermaid 代码围栏渲染为可交互 SVG 图表

4 MIT 作者 AKS1st 更新于

安装

dsh plugin --profile web add github:AKS1st/dsh-mermaid

dsh-mermaid

解决什么问题

DSH 会话里的 Mermaid 代码块只能看到源码,无法直接看图。这个插件把 ```mermaid 代码围栏渲染为 SVG 图表:视口驱动渲染(滚动到哪渲染到哪,带预加载余量),异步队列逐个渲染、渲染间隙让出主线程,长会话也不卡顿;图表主题自动跟随界面亮/暗色,放大浮层支持滚轮缩放与按住拖拽平移。mermaid 库约 700KB,只在真正出现代码围栏时按需加载,不进入首屏包。安全上 securityLevel 恒为 strict,标签经 DOMPurify 消毒、从不绑定点击处理;渲染失败时保留源码块并显示可复制、可一键发给 AI 修复的错误摘要。

适合谁

  • 经常让 agent 产出流程图的开发者与文档作者
  • 需要快速浏览大量 Mermaid 图表的长会话用户
标签 UI 主题

相关插件