Git Product home page Git Product logo

kityminder-core's Introduction

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.all.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库。需要二次开发 kityminder-core,需要初始化并更新子模块:

git submodule init
git submodule update

kityminder-core 的 example 使用 seajs 进行包加载,seajs 可以使用 bower 获取:

bower install

kityminder-core 使用 grunt 进行打包,安装 npm 组件后直接 grunt 即可打包:

npm install
grunt

想偷懒?可以用下面这个一行安装脚本:

https://gist.githubusercontent.com/techird/72b420c7ea05154ce821/raw/6416f2709ce82a3a0d86a50763de1ce3ca7f3ca2/setup-km-core

联系我们

问题和建议反馈:Github Issues 邮件组: [email protected] QQ 讨论群: 374918234

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.