jsMind is a pure javascript library for mindmap, it base on html5 canvas. jsMind was released under BSD license, you can embed it in any project, if only you observe the license.
npm install @umbraci/jsmind
!build-test
jsMind 是一个显示/编辑思维导图的纯 javascript 类库，其基于 html5 canvas 和 svg 进行设计。jsMind 以 BSD 协议开源，在此基础上你可以在你的项目上任意使用。
jsMind is mind map library built by javascript, it base on html5 canvas and svg. jsMind is released under the BSD license, you can embed it in any project as long as you abide by the license.
jsMind now supports a new enhanced plugin system with:
- Synchronous Initialization: Plugins initialize before rendering, allowing them to affect the initial render
- Preload Support: Control plugin initialization order (before or after core modules)
- Lifecycle Management: Proper cleanup with beforePluginRemove() and beforePluginDestroy() hooks
- Dynamic Plugin Management: Add or remove plugins at runtime
- Backward Compatibility: Works alongside the existing plugin system
See Enhanced Plugin System Documentation for more information.
``javascript
import jsMind from './jsmind.js';
import MultilineTextV2 from './plugins/jsmind.multiline-text-v2.js';
// Register plugin (before creating instance)
jsMind.usePlugin(MultilineTextV2, {
text_width: 250,
min_height: 40,
});
// Create jsMind instance
const jm = new jsMind({
container: 'jsmind_container',
editable: true,
});
// Show mind map with multiline text
jm.show({
meta: { name: 'demo' },
format: 'node_tree',
data: {
id: 'root',
topic: 'Root Node',
children: [{ id: 'node1', topic: 'Line 1\nLine 2\nLine 3' }],
},
});
`
- jsMind on Github
- 国内镜像 - Gitee
`html
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/jsmind@0.9.0/style/jsmind.css"
/>
src="//cdn.jsdelivr.net/npm/jsmind@0.9.0/es6/jsmind.js"
>
``
- Resources:
- 文档 - Documents
- NPM - jsmind
- CDN - 用法 Usage
- UNPKG
- jsDelivr
- jsDelivr 国内镜像
- Apps :
-
- Demo :
- 显示一个脑图 Render a mindmap [国内版]
- 试用所有功能 Try all features [国内版]
- requirejs + jsMind
- 更多示例 - More samples [国内版]
- 致谢 - Acknowledgement
- 资助 - Sponsor