Skip to content

SimpleMindMap(思绪思维导图):一个强大的Web思维导图。A powerful web mind map.

License

Notifications You must be signed in to change notification settings

wanglin2/mind-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1,846 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple mind map

npm-version npm download GitHub issues license GitHub stars GitHub forks

中文名:思绪思维导图。一个简单&强大的 Web 思维导图库和思维导图软件。

客户端和插件

  • 思绪思维导图客户端

支持Windows、Mac及Linux系统。下载地址:Github百度网盘夸克网盘

如果在macOS上安装后无法打开,报错不受信任或者移到垃圾箱,执行下面命令后再启动即可:

sudo xattr -d com.apple.quarantine /Applications/思绪思维导图.app
  • Obsidian插件

下载地址:Github

  • UTools插件

已上架uTools插件应用市场,可直接在uTools插件应用市场中搜索思绪进行安装,也可以直接访问该地址:主页,点击右侧的【启动】按钮进行安装

  • 一个 js 思维导图库,不依赖任何框架,可以用来快速完成 Web 思维导图产品的开发。

开发文档:https://wanglin2.github.io/mind-map-docs/

  • 一个 Web 思维导图,基于思维导图库、Vue2.xElementUI 开发,支持操作电脑本地文件,可以当做一个在线版思维导图应用使用,也可以自部署和二次开发。

在线地址:https://wanglin2.github.io/mind-map/

  • 云存储版本,如果你需要带后端的云存储版本,可以尝试我们开发的另一个项目理想文档

特性

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

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

RichText(节点富文本插件) Select(鼠标多选节点插件) Drag(节点拖拽插件) AssociativeLine(关联线插件)
Export(导出插件) KeyboardNavigation(键盘导航插件) MiniMap(小地图插件) Watermark(水印插件)
TouchEvent(移动端触摸事件支持插件) NodeImgAdjust(拖拽调整节点图片大小插件) Search(搜索插件) Painter(节点格式刷插件)
Scrollbar(滚动条插件) Formula(数学公式插件) Cooperate(协同编辑插件) RainbowLines(彩虹线条插件)
Demonstrate(演示模式插件) OuterFrame(外框插件) MindMapLayoutPro(思维导图布局插件)

本项目不会实现的特性:

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

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

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

安装

npm i simple-mind-map

使用

提供一个宽高不为 0 的容器元素:

<div id="mindMapContainer"></div>

另外再设置一下css样式:

#mindMapContainer * {
  margin: 0;
  padding: 0;
}

然后创建一个实例:

import MindMap from "simple-mind-map";

const mindMap = new MindMap({
  el: document.getElementById("mindMapContainer"),
  data: {
    data: {
      text: "根节点",
    },
    children: [],
  },
});

即可得到一个思维导图。想要实现更多功能?可以查看开发文档

License

MIT。保留simple-mind-map版权声明和注明来源的情况下可随意商用,如有疑问或不想保留可联系作者(微信:wanglinguanfang)通过付费的方式去除。

示例:可以在你应用中的关于页面、帮助页面、文档页面、开源声明等任何页面添加以下内容:

本产品思维导图基于SimpleMindMap项目开发,版权归源项目所有,开源协议

开发帮助/技术支持/咨询等

因精力有限,及重心转变,暂不提供任何开发支持(包括有偿),请见谅!

star

如果喜欢本项目,欢迎点个 star,这对我们很重要。

Star History Chart

关于定制

如果你有个性化的商用定制需求,可以联系我们,我们提供付费开发服务,无论前端、后端、还是部署,都可以帮你一站式搞定。

谁在使用

Image
drawon.cn(桌案)

感谢赞赏过本项目的人

最强王者

Image
hi

钻石赞助

Image
黄智彪@一米一栗科技
Image
沨沄
Image

黄金赞助

Image
小土渣的宇宙
Image
Chris
Image
仓鼠
Image
风格
Image
LiuJL
Image
Kyle
Image
秀树因馨雨
Image
黄泳
Image
ccccs
Image
Image
晏江
Image
梁辉
Image
千帆
Image
布林
Image
达仁科技
Image
沐风牧草
Image
俊奇
Image
庆国
Image
Matt
Image
雨馨
Image
Image
御风
Image
兔子快跑
Image
LSHM
Image
newplayer

青铜赞助

Image
Think
Image
志斌
Image
qp
Image
ZXR
Image
花儿朵朵
Image
suka
Image
水车
Image
才镇
Image
小米bbᯤ²ᴳ
Image
*棐
Image
南风
Image
蜉蝣撼大叔
Image
Image
Image
有希
Image
樊笼
Image
小逗比
Image
天清如愿
Image
敬明朗
Image
飞箭
Image
戚永峰
Image
moom
Image
张扬
Image
长沙利奥软件
Image
HaHN
Image
继龙
Image
Image
易空小易
Image
国发
Image
建明
Image
汪津合
Image
博文
Image
慕智打印-兰兰
Image
锦冰
Image
旭东
Image
橘半
Image
pluvet
Image
皇登攀
Image
SR
Image
逆水行舟
Image
L
Image
sunniberg
Image
sunniberg
Image
在下青铜五
Image
木星二号
Image
阿晨
Image
Image
Alex
Image
子豪
Image
宏涛
Image
最多5个字
Image
ZX
Image
协成
Image
木木
Image
好名字
Image
lsytyrt
Image
buddy
Image
小川
Image
Tobin
Image
夏虫不语冰
Image
晴空
Image
Image
Jeffrey
Image
张文建
Image
Lawliet
Image
一叶孤舟
Image
Eric
Image
Joe
Image
中文网字计划-江夏尧
Image
海云
Image
皮老板
Image
h.r.w
Image
时光匆匆
Image
广兴
Image
一亩三
Image
xbkkjbs0246658
Image
4399行星元帅
Image
Xavier
Image
:)
Image
可米阳光
Image
MrFujing
Image
Sword
Image
好好先生Ervin
Image
胡永刚
Image
旋风
Image
星夜寒
Image
神话
Image
Towards the future
Image
安嘉

About

SimpleMindMap(思绪思维导图):一个强大的Web思维导图。A powerful web mind map.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 23

Languages