思绪思维导图免费开源的 Web 思维导图完整使用指南【免费下载链接】mind-mapSimpleMindMap思绪思维导图一个强大的思维导图。A powerful mind map.项目地址: https://gitcode.com/GitHub_Trending/mi/mind-map思绪思维导图SimpleMindMap是一款免费开源、不依赖任何框架的思维导图工具由 JavaScript 思维导图库 simple-mind-map 和基于它构建的完整 Web 思维导图应用两部分组成支持 XMind 与 Markdown 导入导出、7 种结构类型和多人协同编辑。无论你是整理学习笔记、规划项目还是想在自己的产品里嵌入思维导图这篇指南都能帮到你。 你可能正被这两个问题卡住用付费软件画的思维导图换台电脑就打开不了续费会员又嫌肉疼Markdown 笔记里的知识点全是纯文本发给同事根本看不出层次结构又或者你是开发者想在内部系统里嵌一个思维导图搜到的 SDK 不是商用收费就是绑死某个框架。你需要的是一个能带走、能自部署、能自己扩展的工具——思绪思维导图就是核心库 MIT 协议开源代码全部在仓库里功能描述都能对照源码验证。 三步跑起本地 Web 版装好 Node.js 后四条命令就能把 Web 版跑起来git clone https://gitcode.com/GitHub_Trending/mi/mind-map cd mind-map/web npm install npm run serve启动后浏览器会自动打开。双击节点就能编辑文字选中节点按 Tab 加子节点按 Enter 加同级节点Delete 删除节点底部工具栏控制缩放、小地图和结构切换右上角可以导入、导出、保存为本地文件。文件由浏览器直接读写你的电脑磁盘不经过任何服务器。如果你只需要库而不需要完整应用npm i simple-mind-map之后一个空容器加一段初始化代码就能得到思维导图import MindMap from simple-mind-map const mindMap new MindMap({ el: document.getElementById(mindMapContainer), data: { data: { text: 根节点 }, children: [] } })库的渲染基于 SVG.js不绑定 Vue 或 React塞进任意前端项目即可工作。 用 4 个真实场景试试它的功能把知识点变图7 种结构随手切换整理一份项目复盘开头想画经典思维导图中间讲流程又想要横向逻辑结构图最后排计划想上时间轴。在思绪思维导图中这些都是一键切换右侧结构面板直接列出逻辑结构图、思维导图、组织结构图、目录组织图、时间轴等类型底层对应 simple-mind-map/src/layouts/ 下的 7 个布局实现包括横向/竖向时间轴和左右两个方向的逻辑结构图。节点内容也不止是文字富文本、图片、超链接、图标、备注、标签、概要节点、LaTeX 数学公式都支持公式渲染由 KaTeX 完成。右键菜单里还有导出该节点为图片链接到指定节点这类细粒度操作做知识卡片时很实用。旧版 XMind、Markdown 数据一键导入数据迁移是最常见的需求。Web 版的导入入口支持.smm、.json、.xmind、.md四种文件遇到多画布的 xmind 文件还能选择导入哪一页画布如果你手上是 Markdown 或 Txt 内容不用先存成文件导入弹窗里直接粘贴 Markdown 内容导入粘贴 Txt 内容导入即可。客户端闭源可免费下载的导入范围更大还支持 mm、tm、xlsx 等格式。注意弹窗里的红字提示导入会覆盖现有内容且无法恢复先备份再操作。导出成 9 种格式各场景都有归宿画完的东西总要流出去。导出弹窗里可以选 PNGJPG 可选、SVG、高清 PDF、Markdown、XMind、Txt、HTML、WordXLSX 表格等格式图片导出还能调内边距、加底部文字、设背景透明。几种典型去路给领导汇报截 PNG要回 XMind 里继续维护就导 xmind沉淀到文档仓库导 Markdown做成表格发给运营就导 XLSX。库侧对应的能力由 Export 插件 提供支持 json、png、svg、pdf、markdown、xmind、txt按需引入即可。接进你已有的工作流协作、演示与插件生态演示一份季度规划时不必再翻 PPT演示模式插件按分支逐层推进内容小地图插件负责全局定位搜索替换能在全图里快速改错别字。需要多人同时改一张图时Cooperate 插件基于 yjs y-webrtc 实现实时协同编辑代码就放在仓库里想自建协同服务也能直接看实现。如果你重度使用 Obsidian仓库里的 Obsidian 插件 截图展示了它的形态思维导图直接以.smm文件存在你的 Vault 里右键菜单支持复制为 ob 内链配合节点样式面板可以调字体、边框、线条和形状笔记与导图双向联动。uTools 插件市场里也能搜到思绪直接安装适合想要快速启动入口的用户。 进阶定制插件、主题、自部署三个入口插件化架构。除核心渲染外富文本、拖拽、多选、关联线、搜索、小地图、水印、彩虹线条、外框、手绘风格、键盘导航等能力全部做成插件README_MORE_ZH.md 有完整清单用哪个引哪个打包体积可控。想加自己的功能照着 simple-mind-map/src/plugins/ 里任一插件的写法实现即可节点内容还支持 DDM 语法完全自定义。主题与样式。内置多套主题且允许高度自定义文字、边框、背景、形状、线条、内外边距都能配也可以注册自己的主题。客户端里还内置了上百个主题并支持 AI 生成主题。自部署与二次开发。web/ 目录就是完整应用的源码Vue 2.x ElementUI 技术栈内置中文简体、繁体、英文、越南文四套语言包仓库根目录附带 Dockerfile 和 nginx.conf可以打包成容器直接部署到内网团队成员通过浏览器访问文件仍落在各自本地。❓ 新手最常问的 4 个问题Q免费吗能商用吗A核心库和 Web 版采用 MIT 协议开源免费商用保留版权声明即可客户端是闭源产品免费下载使用支持 Windows、macOS、Linux。Q库和 Web 版是什么关系AWeb 版是基于库做的一整套应用可以直接拿来用或自部署库则是给你集成的依赖想在自己产品里做思维导图产品时只用它。Q能导入哪些格式AWeb 版支持 smm、json、xmind、md 文件并可直接粘贴 Markdown/Txt 内容客户端还支持 mm、tm、xlsx 等。QWeb 版需要部署后端吗A不需要。纯前端应用文件由浏览器读写本地磁盘npm run serve就能跑想内网共享时用仓库里的 Dockerfile 打包部署即可。想动手的话回到三步跑起本地 Web 版把那四条命令跑一遍或者npm i simple-mind-map直接嵌进你的项目。觉得这份指南有用给仓库点个 Star顺手收藏本页下次找导入导出格式对照时不用再翻文档。【免费下载链接】mind-mapSimpleMindMap思绪思维导图一个强大的思维导图。A powerful mind map.项目地址: https://gitcode.com/GitHub_Trending/mi/mind-map创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
思绪思维导图：免费开源的 Web 思维导图完整使用指南
思绪思维导图免费开源的 Web 思维导图完整使用指南【免费下载链接】mind-mapSimpleMindMap思绪思维导图一个强大的思维导图。A powerful mind map.项目地址: https://gitcode.com/GitHub_Trending/mi/mind-map思绪思维导图SimpleMindMap是一款免费开源、不依赖任何框架的思维导图工具由 JavaScript 思维导图库 simple-mind-map 和基于它构建的完整 Web 思维导图应用两部分组成支持 XMind 与 Markdown 导入导出、7 种结构类型和多人协同编辑。无论你是整理学习笔记、规划项目还是想在自己的产品里嵌入思维导图这篇指南都能帮到你。 你可能正被这两个问题卡住用付费软件画的思维导图换台电脑就打开不了续费会员又嫌肉疼Markdown 笔记里的知识点全是纯文本发给同事根本看不出层次结构又或者你是开发者想在内部系统里嵌一个思维导图搜到的 SDK 不是商用收费就是绑死某个框架。你需要的是一个能带走、能自部署、能自己扩展的工具——思绪思维导图就是核心库 MIT 协议开源代码全部在仓库里功能描述都能对照源码验证。 三步跑起本地 Web 版装好 Node.js 后四条命令就能把 Web 版跑起来git clone https://gitcode.com/GitHub_Trending/mi/mind-map cd mind-map/web npm install npm run serve启动后浏览器会自动打开。双击节点就能编辑文字选中节点按 Tab 加子节点按 Enter 加同级节点Delete 删除节点底部工具栏控制缩放、小地图和结构切换右上角可以导入、导出、保存为本地文件。文件由浏览器直接读写你的电脑磁盘不经过任何服务器。如果你只需要库而不需要完整应用npm i simple-mind-map之后一个空容器加一段初始化代码就能得到思维导图import MindMap from simple-mind-map const mindMap new MindMap({ el: document.getElementById(mindMapContainer), data: { data: { text: 根节点 }, children: [] } })库的渲染基于 SVG.js不绑定 Vue 或 React塞进任意前端项目即可工作。 用 4 个真实场景试试它的功能把知识点变图7 种结构随手切换整理一份项目复盘开头想画经典思维导图中间讲流程又想要横向逻辑结构图最后排计划想上时间轴。在思绪思维导图中这些都是一键切换右侧结构面板直接列出逻辑结构图、思维导图、组织结构图、目录组织图、时间轴等类型底层对应 simple-mind-map/src/layouts/ 下的 7 个布局实现包括横向/竖向时间轴和左右两个方向的逻辑结构图。节点内容也不止是文字富文本、图片、超链接、图标、备注、标签、概要节点、LaTeX 数学公式都支持公式渲染由 KaTeX 完成。右键菜单里还有导出该节点为图片链接到指定节点这类细粒度操作做知识卡片时很实用。旧版 XMind、Markdown 数据一键导入数据迁移是最常见的需求。Web 版的导入入口支持.smm、.json、.xmind、.md四种文件遇到多画布的 xmind 文件还能选择导入哪一页画布如果你手上是 Markdown 或 Txt 内容不用先存成文件导入弹窗里直接粘贴 Markdown 内容导入粘贴 Txt 内容导入即可。客户端闭源可免费下载的导入范围更大还支持 mm、tm、xlsx 等格式。注意弹窗里的红字提示导入会覆盖现有内容且无法恢复先备份再操作。导出成 9 种格式各场景都有归宿画完的东西总要流出去。导出弹窗里可以选 PNGJPG 可选、SVG、高清 PDF、Markdown、XMind、Txt、HTML、WordXLSX 表格等格式图片导出还能调内边距、加底部文字、设背景透明。几种典型去路给领导汇报截 PNG要回 XMind 里继续维护就导 xmind沉淀到文档仓库导 Markdown做成表格发给运营就导 XLSX。库侧对应的能力由 Export 插件 提供支持 json、png、svg、pdf、markdown、xmind、txt按需引入即可。接进你已有的工作流协作、演示与插件生态演示一份季度规划时不必再翻 PPT演示模式插件按分支逐层推进内容小地图插件负责全局定位搜索替换能在全图里快速改错别字。需要多人同时改一张图时Cooperate 插件基于 yjs y-webrtc 实现实时协同编辑代码就放在仓库里想自建协同服务也能直接看实现。如果你重度使用 Obsidian仓库里的 Obsidian 插件 截图展示了它的形态思维导图直接以.smm文件存在你的 Vault 里右键菜单支持复制为 ob 内链配合节点样式面板可以调字体、边框、线条和形状笔记与导图双向联动。uTools 插件市场里也能搜到思绪直接安装适合想要快速启动入口的用户。 进阶定制插件、主题、自部署三个入口插件化架构。除核心渲染外富文本、拖拽、多选、关联线、搜索、小地图、水印、彩虹线条、外框、手绘风格、键盘导航等能力全部做成插件README_MORE_ZH.md 有完整清单用哪个引哪个打包体积可控。想加自己的功能照着 simple-mind-map/src/plugins/ 里任一插件的写法实现即可节点内容还支持 DDM 语法完全自定义。主题与样式。内置多套主题且允许高度自定义文字、边框、背景、形状、线条、内外边距都能配也可以注册自己的主题。客户端里还内置了上百个主题并支持 AI 生成主题。自部署与二次开发。web/ 目录就是完整应用的源码Vue 2.x ElementUI 技术栈内置中文简体、繁体、英文、越南文四套语言包仓库根目录附带 Dockerfile 和 nginx.conf可以打包成容器直接部署到内网团队成员通过浏览器访问文件仍落在各自本地。❓ 新手最常问的 4 个问题Q免费吗能商用吗A核心库和 Web 版采用 MIT 协议开源免费商用保留版权声明即可客户端是闭源产品免费下载使用支持 Windows、macOS、Linux。Q库和 Web 版是什么关系AWeb 版是基于库做的一整套应用可以直接拿来用或自部署库则是给你集成的依赖想在自己产品里做思维导图产品时只用它。Q能导入哪些格式AWeb 版支持 smm、json、xmind、md 文件并可直接粘贴 Markdown/Txt 内容客户端还支持 mm、tm、xlsx 等。QWeb 版需要部署后端吗A不需要。纯前端应用文件由浏览器读写本地磁盘npm run serve就能跑想内网共享时用仓库里的 Dockerfile 打包部署即可。想动手的话回到三步跑起本地 Web 版把那四条命令跑一遍或者npm i simple-mind-map直接嵌进你的项目。觉得这份指南有用给仓库点个 Star顺手收藏本页下次找导入导出格式对照时不用再翻文档。【免费下载链接】mind-mapSimpleMindMap思绪思维导图一个强大的思维导图。A powerful mind map.项目地址: https://gitcode.com/GitHub_Trending/mi/mind-map创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
