david-message / jsmind

a mind mapping library built by javascript

Home Page:https://jsmind.online

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

jsMind

npm version 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.

Project Home

!! BREAK CHANGE - Legacy Version is Deprecated !!

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

Get Started

<html>
    <head>
        <link
            type="text/css"
            rel="stylesheet"
            href="//cdn.jsdelivr.net/npm/jsmind@0.7.0/style/jsmind.css"
        />
        <script
            type="text/javascript"
            src="//cdn.jsdelivr.net/npm/jsmind@0.7.0/es6/jsmind.js"
        ></script>
        <!--
            enable draggable node feature
            <script type="text/javascript" src="//cdn.jsdelivr.net/npm/jsmind@0.7.0/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

Donate

Maintainer

About

a mind mapping library built by javascript

https://jsmind.online

License:Other


Languages

Language:JavaScript 90.1%Language:HTML 7.8%Language:CSS 2.1%