制作好看的思维导图(制作一款属于自己的思维导图)(1)

文章首发于微信公众号「GitHub 黑板报」,欢迎大家关注。打开微信,使用 “搜一搜”,搜索「GitHub 黑板报」,即可关注。

大家好,我是章鱼猫。

今天推荐的这个项目是「KityMinder Editor」,是一款强大、简洁、体验优秀的脑图编辑工具,适合用于编辑树 / 图 / 网等结构的数据。

编辑器由百度 FEX 基于 kityminder-core 搭建,并且在百度脑图中使用。

它们的区别与联系如下:

制作好看的思维导图(制作一款属于自己的思维导图)(2)

kityminder-core 是 kityminder 的核心部分,基于百度 FEX 开发的矢量图形库 kity。包含了脑图数据的可视化展现,简单编辑功能等所有底层支持。

kityminder-editor 基于 kityminder-core 搭建,依赖于 AngularJS,包含 UI 和热盒 hotbox 等方便用户输入的功能,简单来说,就是一款编辑器。

百度脑图 基于 kityminder-editor,加入了第三方格式导入导出 (FreeMind, XMind, MindManager) 、文件储存、用户认证、文件分享、历史版本等业务逻辑。

KityMinder Editor 功能:

看下百度脑图的效果:

制作好看的思维导图(制作一款属于自己的思维导图)(3)

根目录下的 index.html 为开发环境,你可以基于该 index.html 开发,或者查看 dist 目录下用于生产环境的 index.html,Enjoy it!

开源项目地址:https://github.com/fex-team/kityminder-editor

开源项目团队:Baidu FEX team fex-team

文章首发于微信公众号「GitHub 黑板报」,欢迎大家关注。打开微信,使用 “搜一搜”,搜索「GitHub 黑板报」,即可关注。关注后,每天都会为您推送我们精心挑选的优质开源项目。

特别提醒:关注我,给我发私信,回复关键字「666」,可以领取程序员副业赚钱案例电子书以及一本普通人都使用的《副业赚钱手册》电子书。

,