Kityminder-editor——二次开发

kityminder-editor 基于kityminder-core搭建，依赖于 AngularJS，包含 UI 和热盒 hotbox 等方便用户输入的功能，简单来说，就是一款编辑器。百度脑图 基于 kityminder-editor。加入了第三方格式导入导出 (FreeMind, XMind, MindManager) 、文件储存、用户认证、文件分享、历史版本等业务逻辑。

kityMinder-Core 核心实现部分

包含脑图数据的可视化展示
简单的（结点创建、编辑、删除）
不包含第三方格式
不包含文件存储的支持

kityMinder-editor 编辑器

包含丰富的编辑功能

自定义扩展第三方格式

扩展第三方格式（freeMind XMind MindManager 纯文本 Markdown等）

依赖node和bower

需要预先安装nodejs，然后通过npm全局安装bower

全局安装bower命令：npm install -g bower

二次开发示例

创建一个MVC项目

将kityminder-editor安装到项目中。在项目目录下运行： bower install kityminder-editor

出现错误，找不到合适的angular版本

选择一个版本即可，按照提示，输入 ！2，则会下载第二个版本

以上安装成功之后，可以看到项目中多了一个bower-component文件夹，

其中包含了kityminder-editor的所有依赖项。

以上就可以在项目中使用啦，在view中引用相关的依赖，可参照kitymind-editor下面的index页面的引用

扩展第三方格式

添加kityminder-core ->src->protocol 中扩展协议

在kityminder-editor下添加lib引用

在kityminder-core 的kityminder-core\src\kityminder.js，中添加扩展的协议

require('./protocol/freemind');

require('./protocol/mindmanager');

require('./protocol/xmind');

转到kityminder-core 目录下

npm install

bower install

grunt build

将修改的第三方格式，打包成功。就可以使用自定义的第三方格式啦

在项目中添加lib引用

<script src="~/bower_components/kityminder-editor/lib/jquery.xml2json.js"></script>

<script src="~/bower_components/kityminder-editor/lib/zip.js"></script>

<script>

$(function () {

/* 依赖库初始化 */

zip.inflateJSPath = '/bower_components/kityminder-editor/lib/inflate.js';

});

</script>