jsMind
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.
Project Home
ES6 Version Update
ES6 版本现已发布,详情请查阅 es6/README.md
The ES6 version of jsMind has been launched. see details from es6/README-en.md
Get Started
<html>
<head>
<link
type="text/css"
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/[email protected]/style/jsmind.css"
/>
<script
type="text/javascript"
src="//cdn.jsdelivr.net/npm/[email protected]/es6/jsmind.js"
></script>
<!--
enable draggable node feature
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/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>
查阅文档以获取更多关于 CDN 以及版本的知识。 Read the doc to learn more knowledge about CDN and version.
Links
- Resources:
- Apps :
- Demo :