hizzgdev / jsmind Goto Github PK

View Code? Open in Web Editor NEW

3.3K 116.0 841.0 1.98 MB

a mind mapping library built by javascript

Home Page: http://hizzgdev.github.io/jsmind/

License: Other

HTML 7.99% CSS 2.08% JavaScript 89.92%

javascript bsd canvas es6 freemind jsmind mindmap svg xmind

jsmind's Introduction

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

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>
    </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>

Funding

Maintainer

张志刚 - Zhigang Zhang

jsmind's People

Contributors

Stargazers

Watchers

Forkers

mbriot simcn loedevils kurapika911 avorio shiningyao kissthink web5 strongme chu888chu888 keyzf skyujilong li-keli shelsonjava rainyang itxd sxyseo fsiaonma fanqi tidusxujun rederychan albenzz zydirtyfish viewuse zzhgit flyingnautiloidea zhouwanfeng zhaochl logam qqwangyujie zhangfangxu yuanpm zhangshujia58 weblin111 homeoffriends selifecn xuegoo joncv linzehua yesan leefurong ydhl wendysoft lx514014 cherryllu shiyy123 abclancer pfcao yshyee 851091009 trinomio tinkerc mf1389004071 tjian123 zeff heshunwq weilikai carythh kunjingzhu tobby2002 xiaohua33 wuchuanbin whybangbang waifei 0x4byte davidmr001 shiqingyang supermy zjg23 diluga luciferaaa cainiao1989 denkomanceski quzhongyuan seayou hanguangpeng windxuemo zhongshan1993 sudwebdesign vicharl zvker hinjolicious hemuqiu blivervat wfsovereign wangliming xdsnet wefiy colindcli soakit townonjune chapery mtco hn8530 phpinside ttzshawn jlego wychytu chenzhangxi dut3062796s

jsmind's Issues

the expander has not been removed while all sub-nodes has been removed

line-style could not customized

javascript error appears when a node is removed

it is not proper to reset offset while updating a node

freemind格式文件支持问题

我尝试了几次，利用freemind格式的文件（利用xmind输出的）都不能正常显示。
利用的2_features.html 页面，在本地或者在你的页面 http://hizzgdev.github.io/jsmind/example/2_features.html 上都是类似的问题。
已经确认mind数据加载成功，单步调试可以看见文件被正确加载，但显示不出来。
下面是测试用的数据
tt.zip

脑图的垂直上下展示的一个方案

现在仅支持水平左右展示，想知道何时会支持垂直上下展示？很有业务需求都是垂直展示的

drag and drop a node to another place or another side

replay extension

with this feature, you can review the mindmap step-by-step.

拖动节点

在拖动节点的时候遇到一个问题选中之后进行拖动的时候鼠标未变成可移动的那个样式，也无法进行拖动。再进行刷新一下就又可以拖动了。

attributes of node were ignored while loading the .mm file(freemind)

高度是否可以自适应

我按照示例进行实验，发现好像需要指定container高度，然后才能正常绘制脑图。
能否做到高度自适应呢？即container的高度随着脑图实际大小自动调整。

建议新增对事件的支持。

你好，非常感谢你开源的jsMind，对我们项目帮助很大。目前有一个小小的不足和建议，那就是jsMind应该提供对事件的支持。例如：选中事件，拖曳事件，节点改变事件等等。我想这也是jsMind能够更大强大的一个开发方向。

最后谢谢你开发并开源这么好的产品。

Colored labels

Hello,

would it be possible to add different background colors per label?

E.g.
{"id":"root", "isroot":true, "topic":"jsMind","background": "#ffff00"},
{"id":"sub1", "parentid":"root", "topic":"sub1","background": "#ff0000"}

Thanks

节点批注功能

请问有没有计划实现xmind中那种给节点添加批注的功能呢？
或者简单点，单纯显示批注的功能。

balance second-level nodes automatically

Feature discussion: zoom in / zoom out

Hi,
I would like implement a zoom in/zoom out feature.
One alternative is change the font size in the nodes (with the limitation that do not change the image nodes size).

As a experiment, I added the following method in features_2.html and works

    function zoom_out() {
        var localCss = document.getElementById('localStyle');
        if (localCss == null) {
            localCss = document.createElement('style');
            localCss.id = 'localStyle';
            localCss.title = 'localStyle';
            localCss.type = 'text/css';
            localCss.innerHTML = "jmnode {font:10px Arial !important}";
            document.head.appendChild(localCss);
        }
        _jm.show(_jm.get_data());
    }

Obviously a real solution is more complex, we need define the default font size, and increase/decrese the size, and/or other values, this is just a proof of concept.

Before start to code this, I would like to know if is a feature that would be accepted, and if this approach looks right.

map will jump to center when toggle a node

是否支持zoomin和zoomout？是的，支持。

请问在jsmind中能否支持放大和缩小呢？在不改变整个网页大小的前提下。
因为我是想将jsmind作为页面的一个局部进行展示，但是脑图太大的时候翻阅有点麻烦。

用例示范需求：对freemind格式远程加载

例子代码中有对json数据格式的远程加载示范，没有对freemind格式的。
例子中的freemind格式加载采用的是file对象，这和远程加载不同，我参照对json尝试对freemind进行加载，老是报错。我加载freemind的代码是：

  jsMind.util.ajax.get("test.mm",function(freemind_data){
   var options = {
            container:'jsmind_container',
            theme:'greensea',
            editable:false
        }
   var mind={
        "meta":{
               "name":"testmm",
               "author":"xdsnet",
              "version":"1.0.0"
        },
        "format":"freemind",
        "data":freemind_data
   };
   jsMind.show(options,mind);
}```

添加右键菜单

建议添加右键添加菜单，目前在我的电脑里没有del键，无法对节点进行删除？是否有其它方式删除？

无效代码问题

jsmind.js 的1772行是定义的_layout_offset_subnodes_height:function(nodes)，其实现代码中存在大量无效代码，其中从1774行至1811行的代码都在return之后，是不能执行的，是否是忘记注释掉了？

extension attribute couldn't be saved

document update

https://github.com/hizzgdev/jsmind/blob/master/docs/zh/3.operation.md#32-查找节点

need to add expand property

使用canvas 和svg的区别

我是想问想我在网上看的demo好像是用svg的居多想问下这块使用svg和canvas有什么区别吗？

能否添加异步载入数据的方式？

在点击打开节点的加号时，能否在这里添加方法使得能够异步加载数据。有的时候数据量非常大想在点击打开节点的时候载入数据

收起所有节点

请问咱们关闭节点时候能否关闭除二级节点外所有节点的方法？
我发现循环关闭节点很卡，谢谢了。

zoomin/zoomout and pan

These tools are necessary if the mind map will be large more.

请教3个小问题: number型id/监听事件/扩展连线

首先非常感谢作者的辛勤劳动！我这里有3个小问题想请教一下：

表对象的 id，parentid 貌似不能使用 number，这算是个小缺陷
没有找到关于事件的说明，不知道如何监听例如select/unselect节点，展开/收拢等等事件，能不能通过事件阻止展开/收拢？
不知道能不能提供一些“画连线功能”的api，能自己实现在非父子节点间画线。

谢谢~

【已知问题】脑图非常大时，连接线不能完整的显示出来

在IE下同纵向节点要是大于140线就没了，
横着是没问题的，怀疑是高度问题。
感谢您开源的jsmind强大功能，只是有IE和火狐的我说的我问题。

报错：Maximum call stack size exceeded

显示正常：

下面是部分数据：