制作好看的思维导图（制作一款属于自己的思维导图）

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

大家好，我是章鱼猫。

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

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

它们的区别与联系如下：

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

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

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

KityMinder Editor 功能：

• 基本操作：文本编辑，节点折叠、插入、删除、排序、归纳、复制、剪切、粘贴等
• 样式控制：字体、加粗、斜体、颜色、样式拷贝、样式粘贴等
• 图标：优先级、进度等
• 历史：撤销 / 重做
• 标签：多标签贴入
• 备注：支持 Markdown 格式备注
• 图片：支持本地 / 网络 / 搜索图片插入
• 超链接：支持 HTTP/HTTPS/MAIL/FTP 链接插入
• 布局：支持多种布局切换
• 主题：支持多种主题切换
• 数据导入导出：支持多种格式的导入，多种格式（包括图片）的导出
• 缩略图：支持缩略图查看 / 导航

看下百度脑图的效果：

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

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

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

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

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