Mermaid Viewer

现场预览

即时渲染Mermaid代码为图表，省去手动渲染步骤，简化视觉反馈，加速迭代。

AI 辅助编码

"使用 GPT‑4 生成"按钮将自然语言描述转换为Mermaid语法，提升图表创建速度，降低新手学习曲线。

智能导出

将图表导出为SVG、PNG、JPG、PDF或Markdown，支持DPI控制和主题选择，为文档或演示提供高质量素材。

智能调试

实时高亮语法错误并提供自动纠正建议，提升代码质量，减少在绘制图表时的挫败感。

实时协作

与团队成员共享实时编辑链接，实现同步编辑和即时视觉更新，促进复杂图表项目的敏捷合作。

隐私优先

数据保存在浏览器本地；图表不会发送到外部服务器，确保用户隐私，满足对数据敏感的工作流程。

无需注册

用户可立即开始绘制图表，无需创建账户，降低使用门槛，让快速原型更即时。

• 学生：使用 Mermaid Viewer 在线免费创建学术流程图和时间线，立即预览，无需注册。
• 开发者：将 Mermaid Viewer VSCode 插件集成到代码编辑器中，直接渲染图表，提升文档质量。
• 项目经理：从 Mermaid Viewer 免费导出高分辨率 PNG 或 SVG 格式的甘特图和 Git 图表，快速分享。
• 合作团队：在 Mermaid Viewer 在线平台分享实时编辑链接，共同编辑状态图表，实现即时协作。

我如何保存我的图表？

Mermaid Viewer 允许用户直接从编辑器下载他们的创作。完成图表后，点击“导出”按钮，选择 SVG、PNG 或 PDF 等格式。每种格式都可以在保存前自定义分辨率、DPI 以及浅色或深色主题，确保文件可用于归档或演示。

我如何与团队分享图表？

要分享图表，只需复制 Mermaid Viewer 生成的唯一分享链接。将链接粘贴到电子邮件、聊天或协作平台中。拥有该链接的收件人可以在浏览器中打开图表，在得到授权后编辑，或下载他们喜欢的格式，无需任何安装。

支持哪些类型的图表？

Mermaid Viewer 支援一整套完全兼容 Mermaid 的图表类型，包括流程图、时序图、类图、状态图、ER 图、甘特图、饼图、需求图、Git 图、C4 图、思维导图和时间轴图表。每种类型都遵循标准 Mermaid 语法，能在编辑器中即时渲染。

我需要安装任何东西吗？

使用在线 Mermaid Viewer 不需要任何安装。所有渲染、编辑与匯出功能完全在网页浏览器中执行，无需本机编辑器或插件。使用者只需访问 Mermaid Viewer 网站，即可在 Windows、macOS、Linux 或移动设备上使用。

如何导出高质量图表？

可透过选择“导出”选项并选择 SVG、PNG 或 PDF 等格式来导出高分辨率图表。编辑器允许调整 DPI 设置，并可在浅色与深色模式之间切换，以符合品牌或演示需求。对于专业方案，高分辨率 PNG 无水印，并支援 JPG、SVG 等额外格式。

我可以实时协作编辑图表吗？

Mermaid Viewer 提供实时协作工具。透过发送实时编辑链接，多名使用者可同时编辑同一图表。更改将立即同步给所有参与者，消除版本冲突，提升共享架构或流程图的协作效率。

我的数据会被存储在服务器上吗？

Mermaid Viewer 注重隐私。所有图表数据与代码均保留于用户浏览器会话中，平台不存储任何用户生成的内容，除非使用者明确选择使用付费方案的版本历史功能来保存图表。此确保敏感项目信息始终得到保护与私密。

如何在 VS Code 中使用 Mermaid Viewer？

Mermaid Viewer 通过官方插件与 VS Code 集成。安装后，插件可在编辑器内实时预览 Mermaid 图表，切换内容即实时更新。它还支持导出多种格式，并可使用与在线平台相同的 AI 生成功能。

Mermaid Viewer 是一款在线图表编辑器，用户可以编写 Mermaid 代码，实时预览，分享图表，并导出为 SVG/PNG/Markdown——全部无需注册。

• 将 Mermaid 语法粘贴或输入到编辑区；右侧预览窗口会随着输入实时渲染图表，立刻呈现视觉效果。
• 点击“Generate with GPT‑4”按钮，将自然语言描述自动转换为 Mermaid 代码；您可以直接编辑生成结果或手动调整。
• 在导出面板中设置主题和 DPI；选择亮色或暗色模式，指定 SVG 或 PNG 分辨率，然后点击“Export”即可下载图像。
• 点击“Share”按钮分享图表；复制链接或嵌入代码，让合作者共同编辑或实时查看。
• 若在离线或本地服务器运行，可下载 Mermaid Viewer Windows、macOS 或 Linux 版；启动二进制程序即可使用同一编辑界面。
• 实时查看语法高亮和自动纠错提示；错误会在编辑器中闪烁，在导出前即可解决。