Kityminder-editor——二次开发

本文主要是介绍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> 