Mermaid图表编辑器

专业的Mermaid图表编辑器,一站式解决所有Mermaid图表需求

输入Mermaind代码

默认

预览图表

宽度(px) 

工具概述

Mermaid Editor是一个在线编辑和预览Mermaid图表的工具。用户可以在左侧输入Mermaid代码,右侧实时预览生成的图表,并支持下载SVG和PNG格式的图片。

使用说明

  1. 在左侧输入框中输入Mermaid代码,支持所有Mermaid图表类型。
  2. 在右侧预览框中实时查看生成的图表。
  3. 点击“下载SVG”按钮可以下载当前图表的SVG格式图片。
  4. 点击“下载PNG”按钮可以下载当前图表的PNG格式图片。
  5. 在下方输入框中可以设置图表的宽度,单位为像素。

注意事项

  • 请确保输入的Mermaid代码符合语法规范,否则可能导致图表生成失败。
  • 图表的宽度设置仅影响预览效果,下载的图片宽度会根据实际图表大小自动调整。