什么是在线思维导图工具?
在线思维导图工具基于 simple-mind-map 开源库,提供专业级可视化脑图编辑体验。完全在浏览器本地运行,无需注册、无需安装软件,数据不会上传服务器。
核心功能:
- 节点编辑:添加子节点、兄弟节点,删除节点,双击编辑节点文字,支持富文本
- 多种布局:逻辑结构图、思维导图、组织结构图、目录组织图、时间轴、鱼骨图
- 撤销重做:完整操作历史记录,支持撤销和重做
- 暗色模式:一键切换明暗主题,自动跟随系统偏好
- 只读模式:切换只读/编辑模式,防止误操作
- 缩放平移:鼠标滚轮缩放,拖拽平移画布,适应屏幕按钮
- 导出导入:导出 PNG 图片或 JSON 数据,导入 JSON 恢复导图
- 自动保存:所有修改自动保存到 localStorage,刷新页面不丢失
- 丰富快捷键:Tab 添加子节点、Enter 添加兄弟、Delete 删除、Ctrl+Z 撤销等
典型使用场景:头脑风暴、知识梳理、会议记录、学习笔记、项目规划、组织架构设计。
技术实现:使用 simple-mind-map 库(SVG 渲染),支持 6 种布局算法、富文本编辑(Quill)、键盘导航、触控事件、搜索、小地图、关联线、外框、彩虹线条、演示模式等 20+ 插件。暗色主题通过 defineTheme 自定义,自动监听系统主题切换。
What is the Online Mind Map Tool?
The Online Mind Map Tool is built on the simple-mind-map open-source library, providing a professional-grade visual mind map editing experience. It runs entirely in your browser — no registration or software installation needed, and your data never leaves your device.
Core features:
- Node Editing: Add child or sibling nodes, delete nodes, double-click to edit text, with rich text support
- Multiple Layouts: Logical structure, mind map, organization structure, catalog organization, timeline, fishbone
- Undo & Redo: Full operation history with undo and redo support
- Dark Mode: One-click light/dark theme toggle, auto-follows system preference
- Read-only Mode: Toggle between edit and read-only to prevent accidental changes
- Zoom & Pan: Mouse wheel to zoom, drag to pan, fit-to-screen button
- Export & Import: Export as PNG image or JSON data, import JSON to restore maps
- Auto-save: All changes automatically saved to localStorage — no data loss on refresh
- Keyboard Shortcuts: Tab to add child, Enter for sibling, Delete to remove, Ctrl+Z to undo, and more
Common use cases: brainstorming, knowledge mapping, meeting notes, study notes, project planning, organizational chart design.
Technical implementation: Uses the simple-mind-map library (SVG rendering) with 20+ built-in plugins including 6 layout algorithms, rich text editing (Quill), keyboard navigation, touch events, search, minimap, associative lines, outer frames, rainbow lines, and presentation mode. Dark theme is defined via defineTheme and auto-switches with system preference.