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.
ES6 版本现已发布，老版本已下线，详情请查阅 es6/README.md
The ES6 version of jsMind has been launched, and legacy version has been deprecated. see details from es6/README-en.md
<html>
<head>
<link
type="text/css"
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/jsmind@0.7.1/style/jsmind.css"
/>
<script
type="text/javascript"
src="//cdn.jsdelivr.net/npm/jsmind@0.7.1/es6/jsmind.js"
></script>
<!--
enable draggable node feature
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/jsmind@0.7.1/es6/jsmind.draggable-node.js"></script>
-->
</head>
<body>
<div id="jsmind_container"></div>
<script type="text/javascript">
var mind = {
// 3 data formats were supported ...
// see documents for more information
};
var options = {
container: 'jsmind_container',
theme: 'orange',
editable: true,
};
var jm = new jsMind(options);
jm.show(mind);
</script>
</body>
</html>More samples : https://github.com/hizzgdev/jsmind-samples
查阅文档以获取更多关于 CDN 以及版本的知识。 Read the doc to learn more knowledge about CDN and version.
- Resources:
- Apps :
- Demo :