🧜 Mermaid 在线编辑器（流程图 / 时序图 / 甘特图）Mermaid Live Editor — Flowcharts, Sequence & Gantt
用 Mermaid 文本语法画图：内置流程图、时序图、甘特图、类图、状态图、ER 图、饼图、思维导图和时间线模板，左边写代码右边实时渲染，可切换主题，导出 SVG 矢量图或高清 PNG；代码自动保存在本机，渲染在浏览器本地完成。Draw with Mermaid text syntax: templates for flowcharts, sequence, Gantt, class, state, ER, pie, mindmap and timeline diagrams, live preview beside the code, themes, and SVG or high-res PNG export. Code autosaves locally and rendering happens in your browser.
Mermaid 是用文字描述图表的开源语法，GitHub、GitLab、Notion、Typora、Obsidian 都能直接渲染。左边改代码，右边实时预览；内容自动保存在本机浏览器。渲染在本地完成，不上传你的图表。Mermaid is an open text syntax for diagrams that GitHub, GitLab, Notion, Typora and Obsidian render natively. Edit on the left, preview on the right; your code autosaves in this browser and rendering happens locally.
使用说明与常见问题How-to & FAQ
「Mermaid 在线编辑器（流程图 / 时序图 / 甘特图）」是什么？What is the Mermaid Live Editor — Flowcharts, Sequence & Gantt?
用 Mermaid 文本语法画图：内置流程图、时序图、甘特图、类图、状态图、ER 图、饼图、思维导图和时间线模板，左边写代码右边实时渲染，可切换主题，导出 SVG 矢量图或高清 PNG；代码自动保存在本机，渲染在浏览器本地完成。Draw with Mermaid text syntax: templates for flowcharts, sequence, Gantt, class, state, ER, pie, mindmap and timeline diagrams, live preview beside the code, themes, and SVG or high-res PNG export. Code autosaves locally and rendering happens in your browser.
如何使用「Mermaid 在线编辑器（流程图 / 时序图 / 甘特图）」？How do I use the Mermaid Live Editor — Flowcharts, Sequence & Gantt?
从“模板”选择一种图开始，修改左侧代码，右侧会实时更新；语法有误时下方会提示错误位置。满意后导出 SVG 或 PNG，或复制代码粘贴到 GitHub/Notion/Typora。Start from a template and edit the code; the preview updates as you type and errors show below. Export SVG or PNG, or paste the code into GitHub, Notion or Typora.
流程图怎么写？How do I write a flowchart?
第一行写 flowchart TD（从上到下）或 LR（从左到右），然后用 A[文字] --> B{判断} 这样的格式连接节点，-- 是 --> 可以给连线加文字。Start with flowchart TD (top-down) or LR, then connect nodes like A[Text] --> B{Decision}; -- yes --> labels an edge.
中文会乱码吗？Is Chinese text supported?
支持中文节点和标题，导出的 SVG/PNG 使用系统字体显示。Yes, Chinese labels work; exports use your system fonts.
「Mermaid 在线编辑器（流程图 / 时序图 / 甘特图）」免费吗？文件会上传吗？Is the Mermaid Live Editor — Flowcharts, Sequence & Gantt free? Are my files uploaded?
「Mermaid 在线编辑器（流程图 / 时序图 / 甘特图）」完全免费，无需注册。你输入的内容只在本机浏览器里处理（部分设置会保存在本机方便下次使用），不会上传到任何服务器。The Mermaid Live Editor — Flowcharts, Sequence & Gantt is free with no sign-up. What you enter is processed only in this browser (some settings are kept locally for next time) and is never uploaded.