强大的脑图可视化工具

来源:Lruihao/kityminder-core

目录
警告
本文最后更新于 2024-07-07,文中内容可能已过时。

KityMinder Core

注意

由于原项目 KityMinder Core 年久失修,存在一些 bug,所以 fork 了一份,进行了一些修复,并重新发布了 npm 包 @cell-x/kityminder-core

简介

KityMinder 是一款强大的脑图可视化/编辑工具,由百度 FEX 团队开发并维护。

本仓库是 KityMinder 的核心实现部分:

  • 包括脑图数据的可视化展示(Json 格式)
  • 包括简单的编辑功能(节点创建、编辑、删除)。更加强大编辑功能的 KityMinder 编辑器请移步 kityminder-editor
  • 不包含第三方格式(FreeMind、XMind、MindManager)的支持,可以加载 kityminder-protocol 来扩展第三方格式支持。
  • 不包含文件存储的支持,需要自行实现存储。可参照百度脑图中的开源的 fio + 百度网盘方案进行实现。

使用

可以参考 example.html 进行使用。

1
2
3
4
5
6
7
<div id="minder-container"></div>
<script type="text/javascript" src="kityminder.core.min.js"></script>
<script type="text/javascript">
var minder = new kityminder.Minder({
  renderTo: '#minder-container'
});
</script>

更多详细的开发资料可以参考 wiki

兼容性

KityMinder 基于 SVG 技术实现,支持绝大多数的 HTML5 浏览器,包括:

  1. Chrome
  2. Firefox
  3. Safari
  4. Internet Explorer 10 或以上

开发说明

1
2
npm install
npm run dev

联系我们

问题和建议反馈:Github Issues 邮件组: kity@baidu.com QQ 讨论群: 374918234

Buy me a coffee~
Lruihao 支付宝支付宝
Lruihao 微信微信

发现新版本

当前站点有新版本可用。