Skip to content

将在ChatGPT、Gemini、Claude等AI生成的drawio、mermaid代码,一键导入app.diagrams.net网站并打开,方便继续编辑与下载

Notifications You must be signed in to change notification settings

brucevanfdm/Drawio-Quick-Launcher

Repository files navigation

Draw.io Quick Launcher

这是一个 Chrome 浏览器扩展,旨在帮助用户快速将 Draw.io 的 XML 代码或 Mermaid 代码在 diagrams.net (即 Draw.io) 中打开并预览。特别优化了在 ChatGPT、Claude、Gemini、DeepSeek、Perplexity 以及国产AI(Kimi、豆包、千问、混元、小米、IMA、智谱)等网站上的使用体验。

✨ 功能特点

  • 右键菜单支持:选中网页上的任意 Draw.io XML 或 Mermaid 文本,右键点击 "Open in Draw.io" 即可直接打开预览。
  • 智能代码块检测:在支持的 AI 网站上,自动识别包含 Draw.io XML 或 Mermaid 的代码块。
  • 一键打开按钮:在检测到的 XML / Mermaid 代码块旁自动注入悬浮的 "Open in Draw.io" 按钮,无需手动复制粘贴。
  • 流式生成支持:完美支持 AI 对话的流式输出,在内容生成过程中或完成后自动添加操作按钮。
  • Mermaid 原生支持:无需转换,直接将 Mermaid 文本通过 diagrams.net 打开预览。
  • 广泛的AI平台支持:支持国内外主流AI对话平台。

🛒 安装说明

Chrome 应用商店安装(推荐)

直接访问 Chrome 应用商店安装:https://chromewebstore.google.com/detail/drawio-quick-launcher/bmohimdhaihjldphihhjnmojbobpekgo

开发者模式安装

  1. 下载本项目源代码到本地。
  2. 打开 Chrome 浏览器,在地址栏输入 chrome://extensions/ 并回车。
  3. 打开右上角的 "开发者模式" (Developer mode) 开关。
  4. 点击左上角的 "加载已解压的扩展程序" (Load unpacked) 按钮。
  5. 选择包含 manifest.json 文件的项目根目录。

🌐 支持的网站

国际AI平台

国产AI平台

📖 使用方法

方法一:右键菜单

  1. 在任意网页中选中一段 Draw.io XML 或 Mermaid 代码:
    • Draw.io 通常以 <mxfile ...<mxGraphModel ... 开头。
    • Mermaid 常见以 graph TD, flowchart, sequenceDiagram 等关键词开头。
  2. 点击鼠标右键。
  3. 选择上下文菜单中的 "Open in Draw.io"
  4. 扩展会自动识别格式,在新标签页中通过 diagrams.net 打开预览。

方法二:AI 网站快捷按钮

  1. 在任意支持的 AI 网站(ChatGPT、Claude、Gemini、DeepSeek、Kimi、豆包、千问、智谱等)页面中。
  2. 当 AI 生成了 Draw.io 的 XML 或 Mermaid 代码块时,代码块区域(通常在右上角或顶部)会自动出现一个橙色的 "Open in Draw.io" 按钮。
  3. 直接点击该按钮即可预览图表。

🔒 隐私与权限

  • 权限
    • contextMenus: 用于添加右键菜单项。
    • 站点权限: 仅用于在特定 AI 网站上注入辅助按钮脚本。
  • 隐私:本扩展完全在本地运行,不会收集任何用户数据。XML、Mermaid数据通过 URL 传递,仅发往官方的 diagrams.net 网站。

📝 版本历史

v1.6.0

  • 新增对智谱(chatglm.cn)的支持
  • 优化按钮注入逻辑

v1.5.0

  • 新增对 7 个国产 AI 平台的支持:Kimi、豆包、通义千问(双域名)、混元、小米大模型、IMA
  • 优化按钮注入逻辑,适配各平台的DOM结构差异

v1.4.0

  • 新增对 DeepSeek、Perplexity 的支持

v1.0.0

  • 初始版本,支持 ChatGPT、Claude、Gemini

📧 反馈与建议

如有问题或建议,欢迎在 GitHub Issues 中提出。

📄 许可证

MIT License

About

将在ChatGPT、Gemini、Claude等AI生成的drawio、mermaid代码,一键导入app.diagrams.net网站并打开,方便继续编辑与下载

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published