简介
simple-mind-map
【中文名:思绪思维导图】是一个简单&强大的Web思维导图库,不依赖任何特定框架。可以帮助你快速开发思维导图产品。
如果你只是想使用思维导图,你也完全可以把本项目的demo作为一个普通的在线思维导图工具使用。点击右上角的【在线示例】开始使用吧。
另外也提供了客户端可供下载,支持
Windows
、Mac
及Linux
,点此了解更多。
特性
- 插件化架构,除核心功能外,其他功能作为插件提供,按需使用,减小打包体积
- 支持逻辑结构图(向左、向右逻辑结构图)、思维导图、组织结构图、目录组织图、时间轴(横向、竖向)、鱼骨图等结构
- 内置多种主题,允许高度自定义样式,支持注册新主题
- 节点内容支持文本(普通文本、富文本)、图片、图标、超链接、备注、标签、概要、数学公式
- 节点支持拖拽(拖拽移动、自由调整)、多种节点形状;支持扩展节点内容、支持使用 DDM 完全自定义节点内容
- 支持画布拖动、缩放
- 支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式
- 支持导出为
json
、png
、svg
、pdf
、markdown
、xmind
、txt
,支持从json
、xmind
、markdown
导入 - 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条、手绘风格、彩虹线条
- 提供丰富的配置,满足各种场景各种使用习惯
- 支持协同编辑
- 支持演示模式
官方提供了如下插件,可根据需求按需引入(某个功能不生效大概率是因为你没有引入对应的插件),具体使用方式请查看文档:
RichText(节点富文本插件)、Select(鼠标多选节点插件)、Drag(节点拖拽插件)、AssociativeLine(关联线插件)、Export(导出插件)、KeyboardNavigation(键盘导航插件)、MiniMap(小地图插件)、Watermark(水印插件)、TouchEvent(移动端触摸事件支持插件)、NodeImgAdjust(拖拽调整节点图片大小插件)、Search(搜索插件)、Painter(节点格式刷插件)、Scrollbar(滚动条插件)、Formula(数学公式插件)、Cooperate(协同编辑插件)、RainbowLines(彩虹线条插件)、Demonstrate(演示模式插件)、OuterFrame(外框插件)、HandDrawnLikeStyle(手绘风格插件)[收费]、Notation(节点标记插件)[收费]、Numbers(节点编号插件)[收费]、Freemind(Freemind格式导入导出插件)[收费]、Excel(Excel格式导入导出插件)[收费]、Checkbox(待办插件)[收费]
本项目不会实现的特性:
1.自由节点,即多个根节点;
2.概要节点后面继续添加节点;
如果你需要以上特性,那么本库可能无法满足你的需求。
仓库目录介绍
1.simple-mind-map
思维导图库,框架无关,Vue
、React
等框架或无框架都可以使用。
2.web
使用simple-mind-map
库,基于vue2.x
、ElementUI
搭建的在线思维导图。特性:
- 工具栏,支持插入节点、删除节点;编辑节点图片、图标、超链接、备注、标签、概要
- 侧边栏,基础样式设置面板、节点样式设置面板、大纲面板、主题选择面板、结构选择面板
- 导入导出功能;数据默认保存在浏览器本地存储,也支持直接创建、打开、编辑电脑本地文件
- 右键菜单,支持展开、收起、整理布局等操作
- 底部栏,支持节点数量、字数统计;支持切换编辑和只读模式;支持放大缩小;支持全屏切换;支持小地图
提供文档页面服务。
3.dist
打包web
后的资源文件夹。
特别说明
将本项目用于实际项目时请先深度体验一下是否能满足您的需求。
本项目可能没有完整测试到每一个功能点,可能存在bug,另外,当节点数量非常多的时候,性能也存在一些问题,因为每个人能接受的卡顿程度不一样,所以你可以自行测试节点数量上限。一般来说,500个节点以内比较流畅,1000个节点以上卡顿比较明显。
在v0.10.4+版本新增了性能模式,只渲染画布可视区域内的节点,可以提升大数据量下的渲染速度,可以通过开启openPerformance
实例化选项进行体验,在线Demo里可以通过打开【基础样式】-【开启性能模式】开关进行体验。
如果有建议或发现了bug,可以在此提交issues。
项目内置的主题和图标部分来自于:百度脑图、知犀思维导图。尊重版权,主题和图标请勿直接用于商业项目。
为什么不是?
1.知犀
知犀是一个免费的思维导图产品,支持多端同步,ui设计很漂亮,功能也很齐全,但是它并不开源,所以只能作为一个用户,而无法在你的项目中使用。
类似知犀的其他在线思维导图产品还有很多,比如GitMind、MindLine、MinMeister、幕布等等,搜索引擎上搜索一下非常多,但是这些产品或者是要收费,或者是小公司开发的,稳定性和持续性无法保证,当然最关键的就是它们都不开源。
kityminder-core
是百度开发的开源的脑图工具,功能很强大,性能也很好,但是它已经不维护了,所以代码比较陈旧,界面美观度也比较一般,另外bug只能自己修,功能只能自己开发,对前端开发能力要求比较高。
3.jsmind、Mind-elixir、my-mind、blink-mind、remind、vue3-mindmap、ZMindMap、mindmaptree...
这些开源的思维导图也都不错,各有各的特点,但是它们也都有一定缺点,比如停止更新、界面美观度一般、功能比较少、依赖某个框架等等。
综上,在开源的思维导图中,你很难找到一个比simple-mind-map
更好的选择。当然,simple-mind-map
也远远谈不上最好,它也有很多不足,不过simple-mind-map
一直处于快速迭代中,欢迎你加入进来一起完善它。
浏览器兼容性
推荐使用最新版chrome
浏览器。
有限测试情况:
正常运行:360
极速浏览器(v13.5.2036.0)、opera
浏览器(v71.0.3770.284)、Firefox
(v98.0.2)。
不支持:IE
浏览器。
License
MIT。保留mind-map
版权声明的情况下可随意商用。如不想保留可联系作者。
微信交流群
可以微信添加wanglinguanfang
拉你入群。思维导图相关问题皆可在群里提问,不必私聊作者。