Mermaid 编辑器
编写 Mermaid 图表并实时渲染为 SVG,错误消息会指出问题所在。
Press Render to draw the diagram.
使用方法
Write a diagram in Mermaid syntax and press Render to preview it as SVG. Flowchart, sequence diagram and class diagram examples are included so you can start by editing them. Download SVG saves the finished diagram as a file. Syntax errors show Mermaid's own error message.
注意事项
Rendering happens in your browser; your diagram source is never sent to a server. Mermaid is initialized with securityLevel "strict", so HTML labels and click events inside diagrams are disabled.
常见问题
Which diagram types are supported?
Anything Mermaid supports: flowcharts, sequence diagrams, class diagrams, state diagrams, Gantt charts and more.
Can I export a PNG?
This tool exports SVG only. SVG scales without quality loss and can be embedded directly in web pages.