Skip to content

简介

simple-mind-map【中文名:思绪思维导图】是一个简单&强大的Web思维导图库,不依赖任何特定框架。可以帮助你快速开发思维导图产品。

如果你只是想使用思维导图,你也完全可以把本项目的demo作为一个普通的在线思维导图工具使用。点击右上角的【在线示例】开始使用吧。

另外也提供了客户端可供下载,支持WindowsMacLinux点此了解更多

特性

  • 插件化架构,除核心功能外,其他功能作为插件提供,按需使用,减小打包体积
  • 支持逻辑结构图(向左、向右逻辑结构图)、思维导图、组织结构图、目录组织图、时间轴(横向、竖向)、鱼骨图等结构
  • 内置多种主题,允许高度自定义样式,支持注册新主题
  • 节点内容支持文本(普通文本、富文本)、图片、图标、超链接、备注、标签、概要、数学公式
  • 节点支持拖拽(拖拽移动、自由调整)、多种节点形状;支持扩展节点内容、支持使用 DDM 完全自定义节点内容
  • 支持画布拖动、缩放
  • 支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式
  • 支持导出为jsonpngsvgpdfmarkdownxmindtxt,支持从jsonxmindmarkdown导入
  • 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条、手绘风格、彩虹线条
  • 提供丰富的配置,满足各种场景各种使用习惯
  • 支持协同编辑
  • 支持演示模式

官方提供了如下插件,可根据需求按需引入(某个功能不生效大概率是因为你没有引入对应的插件),具体使用方式请查看文档:

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格式导入导出插件)[收费]

本项目不会实现的特性:

1.自由节点,即多个根节点;

2.概要节点后面继续添加节点;

如果你需要以上特性,那么本库可能无法满足你的需求。

仓库目录介绍

1.simple-mind-map

思维导图库,框架无关,VueReact等框架或无框架都可以使用。

2.web

使用simple-mind-map库,基于vue2.xElementUI搭建的在线思维导图。特性:

  • 工具栏,支持插入节点、删除节点;编辑节点图片、图标、超链接、备注、标签、概要
  • 侧边栏,基础样式设置面板、节点样式设置面板、大纲面板、主题选择面板、结构选择面板
  • 导入导出功能;数据默认保存在浏览器本地存储,也支持直接创建、打开、编辑电脑本地文件
  • 右键菜单,支持展开、收起、整理布局等操作
  • 底部栏,支持节点数量、字数统计;支持切换编辑和只读模式;支持放大缩小;支持全屏切换;支持小地图

提供文档页面服务。

3.dist

打包web后的资源文件夹。

特别说明

将本项目用于实际项目时请先深度体验一下是否能满足您的需求。

本项目可能没有完整测试到每一个功能点,可能存在bug,另外,当节点数量非常多的时候,性能也存在一些问题,因为每个人能接受的卡顿程度不一样,所以你可以自行测试节点数量上限。一般来说,500个节点以内比较流畅,1000个节点以上卡顿比较明显。

在v0.10.4+版本新增了性能模式,只渲染画布可视区域内的节点,可以提升大数据量下的渲染速度,可以通过开启openPerformance实例化选项进行体验,在线Demo里可以通过打开【基础样式】-【开启性能模式】开关进行体验。

如果有建议或发现了bug,可以在此提交issues

项目内置的主题和图标部分来自于:百度脑图知犀思维导图。尊重版权,主题和图标请勿直接用于商业项目。

为什么不是?

1.知犀

知犀是一个免费的思维导图产品,支持多端同步,ui设计很漂亮,功能也很齐全,但是它并不开源,所以只能作为一个用户,而无法在你的项目中使用。

类似知犀的其他在线思维导图产品还有很多,比如GitMindMindLineMinMeister幕布等等,搜索引擎上搜索一下非常多,但是这些产品或者是要收费,或者是小公司开发的,稳定性和持续性无法保证,当然最关键的就是它们都不开源。

2.kityminder-core

kityminder-core是百度开发的开源的脑图工具,功能很强大,性能也很好,但是它已经不维护了,所以代码比较陈旧,界面美观度也比较一般,另外bug只能自己修,功能只能自己开发,对前端开发能力要求比较高。

3.jsmindMind-elixirmy-mindblink-mindremindvue3-mindmapZMindMapmindmaptree...

这些开源的思维导图也都不错,各有各的特点,但是它们也都有一定缺点,比如停止更新、界面美观度一般、功能比较少、依赖某个框架等等。

综上,在开源的思维导图中,你很难找到一个比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拉你入群。思维导图相关问题皆可在群里提问,不必私聊作者。

MIT License.