使用Mermaid定义UML类图样式导入draw.io时解析错误求助

错误原因 #

1. draw.io的Mermaid解析器不支持自定义颜色变量（如primaryColor），必须使用具体的颜色值（十六进制、RGB或颜色名称）
2. 类绑定classDef的语法错误，标准Mermaid中绑定样式类的正确写法是class [类名] [样式类名]，而非Animal : type cleanClass

修正后的代码 #

# 替换自定义变量为具体颜色值，适配draw.io解析器
    classDef cleanClass fill:#f0f8ff,stroke:#2c3e50,stroke-width:2px;
    classDef domainClass fill:#e8f4f8,stroke:#2c3e50,stroke-width:2px;
    
    Animal <|-- Duck : implements
    Animal <|-- Fish : implements
    Animal <|-- Zebra : implements
    
    class Animal {
        +int age
        +String gender
        +isMammal()
        +mate()
    }
    
    class Duck{
        +String beakColor
        +swim()
        +quack()
    }
    
    class Fish{
        -int sizeInFeet
        -canEat()
    }
    
    class Zebra{
        +bool is_wild
        +run()
    }
    
    # 用标准语法绑定样式类
    class Animal cleanClass
    class Duck domainClass
    class Fish domainClass
    class Zebra domainClass

关键修改说明 #

• 移除自定义颜色变量：将primaryColor、primaryBorderColor、secondaryColor替换为draw.io能识别的具体颜色值，避免解析器无法识别变量导致的语法错误
• 修正样式绑定语法：使用Mermaid官方标准的class [类名] [样式类名]语法，替代原来的[类名] : type [样式类名]写法，这是draw.io解析器支持的正确格式

内容的提问来源于stack exchange，提问作者Juan Sebastian Gonzalez Rojas