Draw.io 预览扩展

功能特性

• 📝 支持编辑 .drawio.xml 文件
• 👀 实时预览 draw.io 图表
• 🔄 自动更新：文件保存时自动刷新预览
• 🎛️ 交互式预览：支持缩放和平移
• 🎨 适配 VS Code 主题
• ⚡ 基于 mxGraph 库的高性能渲染

安装和使用

使用方法

1. 在 Cursor / VS Code / WindSurf 中打开或创建一个 .drawio.xml 文件
2. 使用命令面板 (Ctrl+Shift+P 或 Cmd+Shift+P) 执行命令：
   • Draw.io: Show Preview - 显示预览面板
3. 在编辑器中修改 XML 内容并保存，预览面板会自动更新

文件格式支持

扩展支持两种格式的 draw.io XML 文件：

1. 新格式 (推荐) - 包含 <mxfile> 根元素：

<mxfile host="app.diagrams.net" ...>
  <diagram name="Page-1" id="...">
    <mxGraphModel>
      <!-- 图表内容 -->
    </mxGraphModel>
  </diagram>
</mxfile>

2. 旧格式 - 直接使用 <mxGraphModel> 根元素：

<mxGraphModel>
  <!-- 图表内容 -->
</mxGraphModel>

许可证

MIT License