知识管理产品规划项目管理市场营销教育培训
思维画布 · 在线思维导图工具
基于 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解压 source.zip 到目标目录
- 2解压 source.zip 到静态站点目录
- 3使用 Nginx、Caddy 或 python -m http.server 提供 HTTP 服务
- 4浏览器访问 index.html，避免直接使用 file:// 打开
- 5按需修改 examples/product-demo-zh.mymind 作为预置示例
- 6如需重新构建，安装 package-lock.json 中的 npm 依赖后执行 make
- 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 中的版权与许可声明。