Kity Minder 思维导图本地化部署

Kity Minder 思维导图本地化部署

最近在了解开源思维导图 kity minder 的功能,深度使用了下思维导图。发现用思维导图进行工作内容管理还是一个比较好的方式。

使用工作清单软件管理,工作的粒度不尽相同。最简单的,勾选完成的方式,适合管理用时不到5分钟的事务,比如买个东西,打个酱油啥的。完成就勾掉,不需要记录其他内容,简单方便。

但对于复杂的,需要任务分解,花费时间更长的工作事物。需要包含,整理的相关内容更多,简单的 todolist 就不适合。

拿读书举例。要看的书很多,需要分类、分优先级,很多书一次性看不完,需要标记进度。看书过程有些心得体会,要记笔记,再看看网上别人的书评,讨论,也想记下。这一套下来,就复杂很多了。

工作清单软件的应对,就是增加子任务,增加任务优先级,增加标签、评论等选填内容,容易陷入填表格的怪圈,反而把太多的时间,花在清单软件上。同时大多数软件使用的是列表的方式体现,长了还需要分页,或者上下滚动。分类,组织上只能用筛选条件。

用思维导图管理,读书相关内容都可以展现,可以按需要折叠,查看相对列表的方式,直观很多。编辑,修改,增加操作方便。最重要一点,所有内容完成后,可以导出成 markdown 文档,完成一篇完整的读书记录文档。

读书计划

可本地化部署的 kity minder 开源地址

https://github.com/x-hd2007/local-kity-minder

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我明白了。您的问题是想在打开思维导图时将一个json格式的数据绑定转化成导图并展现出来,同时修改过的导图又可保存成json数据。对于这个问题,我建议您使用kityminder编辑器和kityminder-core引擎。它们是一组用于在网页上显示和编辑思维导图的工具和库。您可以通过以下步骤实现您的要求: 1. 在页面中引入kityminder-core库。 2. 创建一个容器元素,将kityminder实例挂载到容器中。 3. 将json数据绑定到kityminder实例中。 4. 实现保存修改后的导图数据到json格式。 以下是一个简单的实现示例: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>kityminder实例</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/kity/1.4.3/kity.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/kityminder-core/1.4.28/kityminder.core.js"></script> </head> <body> <div id="container" style="width: 600px; height: 400px;"></div> <script> var km = window.km = new kityminder.Minder({ renderTo: '#container' }); //绑定json数据到kityminder实例 var jsonData = { "root": { "data": "思维导图", "children": [ { "data": "一级节点1", "children": [ { "data": "二级节点1" }, { "data": "二级节点2" } ] }, { "data": "一级节点2" } ] } }; km.importJson(jsonData); //保存修改后的导图数据到json格式 function saveData() { var data = km.exportJson(); console.log(JSON.stringify(data)); } km.on('contentchange', saveData); </script> </body> </html> ``` 在上述示例中,我创建了一个kityminder实例并将其挂载到一个id为“container”的div元素中。然后将json数据绑定到该实例中,并实现了一个保存修改后的导图数据到json格式的事件。最后,您可以将kityminder实例中编辑的导图保存为json格式的数据,并实现反向操作来将json数据绑定到新的kityminder实例中。 希望这个回答能够对您有所帮助,如果您还有其他问题欢迎继续问我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值