能否将Mermaid脚本转为XML(mxGraphModel)以在Draw.io中编辑组件？

要实现将Mermaid脚本转换为Draw.io（Diagrams.net）可拆分编辑的格式（如mxGraphModel XML），目前有以下可行的工具和方法：

1. 使用mermaid-to-drawio专用转换工具 #

这是针对该需求开发的工具，能直接将Mermaid脚本转换为Draw.io原生的mxGraphModel格式，导入后所有图表元素均可单独编辑。

• 操作步骤：
  1. 确保本地安装Node.js环境
  2. 执行命令转换Mermaid文件：

     npx mermaid-to-drawio 你的Mermaid文件路径.mmd -o 输出的Draw.io文件路径.drawio
     

  3. 直接在Draw.io中打开生成的.drawio文件，即可对每个组件进行定制编辑

2. SVG导入后拆分编辑（适合简单图表） #

如果不想使用命令行工具，可通过SVG中转的方式实现：

• 先将Mermaid脚本渲染为SVG文件（可通过Mermaid在线编辑器导出）
• 在Draw.io中导入该SVG文件，导入后右键选择**"取消组合"**（或按Ctrl+Shift+G），即可拆分出独立的图形组件进行编辑
• 注意：复杂图表可能会出现排版偏移，需要手动调整元素位置

补充说明 #

你提到的mermaidjs/mermaid.cli仓库中的相关提议，目前已有社区工具落地解决了该需求，上述mermaid-to-drawio就是其中成熟的实现之一，能完美适配Draw.io的原生编辑逻辑。

内容的提问来源于stack exchange，提问作者yhd.leung