如何高效实现XMind转Draw.io格式兼容？

Question

**问题：如何在保留结构与样式前提下，高效实现XMind文件转换为Draw.io兼容格式？** 在实际应用中，用户常需将XMind思维导图迁移至Draw.io（现diagrams.net）进行协同编辑或嵌入展示。然而，两者文件结构差异大，XMind以专有JSON或ZIP格式存储节点信息，而Draw.io基于XML描述图形布局，导致直接转换时易出现结构错乱、样式丢失、层级错位等问题。因此，如何高效解析XMind文件结构，并将其准确映射为Draw.io支持的XML或JSON格式，同时保留节点层级、样式属性与连接关系，成为关键难点。

Answer 1

一、理解XMind与Draw.io的文件结构差异

XMind通常以专有JSON或ZIP格式保存文件，其结构主要围绕中心主题展开，通过树状结构描述节点关系，并嵌套样式、注释等信息。而Draw.io（diagrams.net）使用基于XML的mxGraph模型，其核心在于通过<mxCell>元素描述节点及其连接关系。

• XMind结构特点：层级树状结构，节点属性嵌套
• Draw.io结构特点：XML描述，支持图形化节点与连接线

因此，转换的核心在于解析XMind的JSON结构，并将其映射为Draw.io的XML格式，同时保留样式与连接逻辑。

二、XMind文件解析与结构提取

XMind文件本质上是一个ZIP压缩包，解压后包含多个JSON文件，其中content.json包含主要的思维导图数据。

unzip -q your_file.xmind -d xmind_unpacked
cat xmind_unpacked/content.json

该文件中包含主题、子主题、样式、连接线等信息。例如：

{
  "rootTopic": {
    "title": "中心主题",
    "children": [
      {
        "title": "子主题1",
        "style": { "color": "#FF0000" },
        "children": []
      }
    ]
  }
}

解析时需注意递归提取所有子节点及其属性，构建完整的树形结构。

三、Draw.io XML格式结构分析

Draw.io的XML文件通常由<mxfile>包裹，其中<diagram>表示一个画布，内部通过多个<mxCell>元素定义节点和连接线。

标签	描述
<mxCell id="1" value="中心主题" ... />	定义一个节点
<mxCell id="2" source="1" target="3" ... />	定义连接线

每个节点支持样式定义，如颜色、字体等，格式如下：

<mxCell style="fillColor=#FF0000;fontColor=#000000">

四、结构映射与转换策略

将XMind的树形结构转换为Draw.io的XML结构，需遵循以下策略：

1. 遍历XMind JSON结构，构建节点树
2. 为每个节点生成唯一的id，并设置样式属性
3. 根据父子关系创建连接线（mxCell with source and target）

例如，XMind中一个子节点对应Draw.io中一个mxCell，并与其父节点建立连接线。

graph TD A[中心主题] --> B[子主题1] A --> C[子主题2] B --> D[子子主题] C --> E[子子主题]

五、样式与布局保留的实现

为了保留样式，需从XMind的JSON中提取颜色、字体等信息，并映射到Draw.io的style属性中。例如：

// XMind样式
"style": { "color": "#FF0000", "fontSize": 14 }

// 映射到Draw.io
style="fillColor=#FF0000;fontSize=14"

此外，Draw.io支持位置坐标设置，可尝试通过算法自动布局，或保留原始XMind的位置信息（如有）。

六、转换工具与脚本实现

可使用Python编写转换脚本，核心流程如下：

import json
import xml.etree.ElementTree as ET

# 解析XMind JSON
with open('content.json', 'r') as f:
    data = json.load(f)

# 构建Draw.io XML结构
root = ET.Element('mxfile')
diagram = ET.SubElement(root, 'diagram')
cells = ET.SubElement(diagram, 'mxGraphModel').append(...)

# 递归生成节点与连接线
def create_node(topic, parent_id=None):
    # 创建mxCell节点
    # 设置样式
    # 创建连接线
    pass

# 调用递归函数
create_node(data['rootTopic'])

该脚本需处理节点ID分配、样式映射、连接线生成等逻辑，确保输出XML文件可在Draw.io中正确加载。