🧠 开发者工具

思维导图

在线思维导图工具,支持添加/删除/编辑节点、拖拽移动、折叠展开、键盘快捷键,可导出 PNG/JSON、导入 JSON,自动保存到本地。

编辑
视图
文件

什么是在线思维导图工具?

在线思维导图工具基于 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.