Kityminder-editor——⼆次开发
基于搭建，依赖于 AngularJS，包含 UI 和热盒 hotbox 等⽅便⽤户输⼊的功能，简单来说，就是⼀款编辑器。
百度脑图基于 kityminder-editor。加⼊了第三⽅格式导⼊导出 (FreeMind, XMind, MindManager) 、⽂件储存、⽤户认证、⽂件分享、历史版本等业务逻辑。kityMinder-Core 核⼼实现部分
包含脑图数据的可视化展⽰
简单的（结点创建、编辑、删除）
不包含第三⽅格式
不包含⽂件存储的⽀持
kityMinder-editor 编辑器
包含丰富的编辑功能
⾃定义扩展第三⽅格式
扩展第三⽅格式（freeMind XMind MindManager 纯⽂本 Markdown等）
依赖node和bower
需要预先安装nodejs，然后通过npm全局安ower
全局安ower命令：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 中扩展协议
angular和angularjs在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/l2json.js"></script> <script src="~/bower_components/kityminder-editor/lib/zip.js"></script>
<script>
$(function () {
/* 依赖库初始化 */
zip.inflateJSPath = '/bower_components/kityminder-editor/lib/inflate.js'; });
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。