Skip to content
forked from wanglin2/mind-map

一个还算强大的Web思维导图库。A relatively powerful web mind map library.

Notifications You must be signed in to change notification settings

LIBai11/mind-map

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple mind map

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

一个简单&强大的Web思维导图库

Demo:https://wanglin2.github.io/mind-map/

文档:https://wanglin2.github.io/mind-map/#/doc/zh/

特性

  • 支持逻辑结构图、思维导图、组织结构图、目录组织图四种结构
  • 内置多种主题,允许高度自定义样式,支持注册新主题
  • 支持快捷键
  • 节点内容支持图片、图标、超链接、备注、标签、概要
  • 支持前进后退
  • 支持拖动、缩放
  • 支持右键和Ctrl+左键两种多选方式
  • 支持节点自由拖拽、拖拽调整
  • 支持多种节点形状
  • 支持导出为jsonpngsvgpdf,支持从jsonxmind导入
  • 支持小地图

安装

npm i simple-mind-map

使用

<div id="mindMapContainer"></div>
import MindMap from "simple-mind-map";

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

License

MIT

About

一个还算强大的Web思维导图库。A relatively powerful web mind map library.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 47.4%
  • Vue 43.7%
  • HTML 7.1%
  • CSS 1.6%
  • Less 0.2%