本文测试在 EmDash CMS 中嵌入和渲染 Mermaid 图表的能力。以下图表使用 Mermaid 语法编写,由浏览器端动态渲染为 SVG。
测试一:基础流程图
graph TD
A[开始] --> B{判断条件}
B -->|是| C[执行操作1]
B -->|否| D[执行操作2]
C --> E[结束]
D --> E测试二:时序图
sequenceDiagram
participant U as 用户
participant F as 前端
participant A as API
U->>F: 请求页面
F->>A: 获取文章内容
A-->>F: 返回 Portable Text
F->>F: 动态加载 mermaid.js
F->>F: 渲染 Mermaid 代码为 SVG
F-->>U: 显示图表测试三:饼图
pie title 数据可视化工具占比
"Tableau" : 45
"Power BI" : 30
"EmDash" : 15
"其他" : 10作者:xilejun · v1.1 · 2026-06-04
No comments yet