← 返回项目库
知识管理产品规划项目管理市场营销教育培训

思维画布 · 在线思维导图工具

基于 TypeScript 与 SVG 的中文在线思维导图工具，支持节点编辑、多种布局、浏览器本地保存和原生文件导出。

思维画布是一套轻量静态在线思维导图工具，用户可以在浏览器中创建、编辑和组织多级节点，切换脑图、发散图和树形布局，并将导图保存到浏览器本地或导出为 .mymind 文件。交付版本已用真实浏览器加载中文示例导图，完成节点编辑、插入子节点/同级节点、布局切换、缩放、LocalStorage 回读、文件导出和帮助页验收。

真实界面

项目截图

共 6 张

中文思维导图首页
加载中文示例导图
节点编辑与新增
布局与缩放
导出流程
帮助与快捷键

Capabilities

核心功能

✓中文在线思维导图界面
✓Tab/Enter 快捷键创建多级节点
✓节点富文本、删除线和加粗
✓脑图、发散图和树形多种布局
✓拖拽、缩放、折叠和展开
✓浏览器 LocalStorage 本地保存
✓原生 .mymind 文件导入导出
✓MIT 许可与完整 TypeScript 源码

适用场景

产品路线图和功能拆解
营销活动与转化漏斗规划
项目任务与研发方案整理
个人知识树和学习笔记
思维导图前端二次开发

适合谁

产品经理、运营人员、创业者、学生、研发团队和需要私有化知识整理工具的个人与企业。

商业化思路

适合个人知识整理、产品规划、营销方案、项目拆解和团队头脑风暴，也适合作为可自托管的思维导图前端底座。

你会拿到什么

  • ✓固定版本完整源码包（source.zip）
  • ✓TypeScript 源码与已构建 my-mind.js
  • ✓中文界面、示例导图与静态资源
  • ✓本地保存、文件导出和帮助功能
  • ✓vendored pell 与 Font Awesome 依赖
  • ✓六张真实运行功能截图
  • ✓MIT LICENSE.txt 文件

部署流程

  1. 1解压 source.zip 到目标目录
  2. 2解压 source.zip 到静态站点目录
  3. 3使用 Nginx、Caddy 或 python -m http.server 提供 HTTP 服务
  4. 4浏览器访问 index.html，避免直接使用 file:// 打开
  5. 5按需修改 examples/product-demo-zh.mymind 作为预置示例
  6. 6如需重新构建，安装 package-lock.json 中的 npm 依赖后执行 make
  7. 7生产环境建议启用 HTTPS 并配置静态资源缓存

真实验证结果

真实浏览器验收覆盖首页、中文示例导图、节点编辑、子/同级节点、布局、缩放、LocalStorage 回读、原生文件导出、帮助页和 editor.html 备注编辑；6 张 1440x1000 中文功能截图无 console/page/http 错误、无坏图和横向溢出。

部署前须知

上游仓库 2019 年后停止维护；应用必须通过 HTTP 服务访问，直接 file:// 打开 index.html 不受支持。数据默认保存在浏览器 LocalStorage，清理浏览器数据会删除本地导图；不包含云端协作后端。

部署难度

简单

最低配置

建议 1 核 CPU、512 MB 内存和 100 MB 可用磁盘；无需数据库，使用 Nginx 或任意静态 HTTP 服务即可部署。

开源许可证

MIT

最后验证

2026-08-14

技术栈

TypeScriptSVGCSSesbuildLess静态 HTTP

授权说明

MIT 许可；二次分发必须保留 LICENSE.txt 中的版权与许可声明。

Release notes

版本记录

1 个已发布版本

vcn-8a1d929-commercial 当前推荐

交付固定版本完整源码：中文思维画布品牌、示例导图、节点编辑/布局/缩放/本地保存/文件导出验收证据，以及六张中文功能截图。

部署要求：任意现代浏览器和静态 HTTP 服务；如需重新构建，使用 package-lock.json 安装 Node.js 构建依赖。

已知问题：上游仓库 2019 年后停止维护；必须通过 HTTP 服务访问；导图默认保存在浏览器 LocalStorage，不提供云端同步后端。

登录后领取