@7polo/kityminder-core 中文文档教程

Question

KityMinder Core

简介

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

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

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

使用

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

<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 或以上

使用说明

kityminder-core 依赖于 kity，开发中用到 seajs 进行异步加载。 例子中 dev.html 使用 seajs 进行包加载，example.html 使用同步加载的方式。 使用步骤如下：

1. 安装 bower
2. 切换到 kityminder-core 目录下，运行：

bower install

开发说明

1. 安装 bower
2. 安装 npm

bower install
npm install
npm run dev

联系我们

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