| 1 | # jsMind
|
| 2 |
|
| 3 | [](https://www.npmjs.com/package/jsmind)
|
| 4 | 
|
| 5 |
|
| 6 | jsMind 是一个显示/编辑思维导图的纯 javascript 类库，其基于 html5 canvas 和 svg 进行设计。jsMind 以 [BSD 协议开源](LICENSE)，在此基础上你可以在你的项目上任意使用。
|
| 7 |
|
| 8 | jsMind is mind map library built by javascript, it base on html5 canvas and svg. jsMind is released under [the BSD license](LICENSE), you can embed it in any project as long as you abide by the license.
|
| 9 |
|
| 10 | ## Project Home
|
| 11 |
|
| 12 | - [jsMind on Github](https://github.com/hizzgdev/jsmind)
|
| 13 | - [国内镜像 - Gitee](https://gitee.com/hizzgdev/jsmind)
|
| 14 |
|
| 15 | ## Get Started
|
| 16 |
|
| 17 | ```html
|
| 18 | <html>
|
| 19 | <head>
|
| 20 | <link
|
| 21 | type="text/css"
|
| 22 | rel="stylesheet"
|
| 23 | href="//cdn.jsdelivr.net/npm/jsmind@0.8.3/style/jsmind.css"
|
| 24 | />
|
| 25 | <script
|
| 26 | type="text/javascript"
|
| 27 | src="//cdn.jsdelivr.net/npm/jsmind@0.8.3/es6/jsmind.js"
|
| 28 | ></script>
|
| 29 | </head>
|
| 30 | <body>
|
| 31 | <div id="jsmind_container"></div>
|
| 32 |
|
| 33 | <script type="text/javascript">
|
| 34 | var mind = {
|
| 35 | // 3 data formats were supported ...
|
| 36 | // see documents for more information
|
| 37 | };
|
| 38 | var options = {
|
| 39 | container: 'jsmind_container',
|
| 40 | theme: 'orange',
|
| 41 | editable: true,
|
| 42 | };
|
| 43 | var jm = new jsMind(options);
|
| 44 | jm.show(mind);
|
| 45 | </script>
|
| 46 | </body>
|
| 47 | </html>
|
| 48 | ```
|
| 49 |
|
| 50 | ## Links
|
| 51 |
|
| 52 | - Resources:
|
| 53 | - [文档 - Documents](https://hizzgdev.github.io/jsmind/docs)
|
| 54 | - [NPM - jsmind](https://www.npmjs.com/package/jsmind)
|
| 55 | - CDN - [用法](docs/zh/1.usage.md) [Usage](docs/en/1.usage.md)
|
| 56 | - [UNPKG](https://unpkg.com/browse/jsmind/)
|
| 57 | - [jsDelivr](https://www.jsdelivr.com/package/npm/jsmind/)
|
| 58 | - [jsDelivr 国内镜像](https://jsd.onmicrosoft.cn/npm/jsmind/)
|
| 59 | - Apps :
|
| 60 | - <https://jsmind.online>
|
| 61 | - Demo :
|
| 62 | - [显示一个脑图 Render a mindmap](https://hizzgdev.github.io/jsmind/example/1_basic.html) [[国内版](https://hizzgdev.github.io/jsmind/example/1_basic_cn.html)]
|
| 63 | - [试用所有功能 Try all features](https://hizzgdev.github.io/jsmind/example/2_features.html) [[国内版](https://hizzgdev.github.io/jsmind/example/2_features_cn.html)]
|
| 64 | - [requirejs + jsMind](https://hizzgdev.github.io/jsmind/example/3_requirejs.html)
|
| 65 | - [更多示例 - More samples](https://github.com/hizzgdev/jsmind-samples) [[国内版](https://gitee.com/hizzgdev/jsmind-samples)]
|
| 66 |
|
| 67 | ## Funding
|
| 68 |
|
| 69 | - [致谢 - Acknowledgement](https://hizzgdev.github.io/acknowledgement.html)
|
| 70 | - [资助 - Sponsor](https://hizzgdev.github.io/sponsor.html)
|
| 71 |
|
| 72 | ## Maintainer
|
| 73 |
|
| 74 | - [张志刚 - Zhigang Zhang](https://hizzgdev.github.io)
|