Skip to content

xlzy520/Xminder

 
 

Repository files navigation

修改

基于Kity Minder二次修改,移除百度验证和其他功能,只保留xmind功能,支持在线预览、编辑,支持本地读取、远程文件流链接读取。

关于lib文件夹下的三个子项目找不到的问题

可以在源项目将那个三个蓝色的子项目下载下来

也可以直接使用git submodule update,如下图步骤

直接使用打包后的文件

https://github.com/xlzy520/CloundDisk3.0/tree/master/public/xmind

使用方法

1.编辑edit.html中的selfData

  var selfData = {
          // 开始打开本页面时自动去读取这个链接的xmind文件,文件id存在session中
          openUrl: './example.xmind',
          // 保存接口,导出文件到本地需要后端接口支持,因为xmind是java写,
          // 有直接的SDK可以使用,就在xmind安装目录中的`plugins/org.xmind.core_3.7.8.201807240049.jar`中,
          // https://github.com/xmindltd/xmind/wiki/UsingXmindAPI
          saveUrl: '/xmind/djcpsdocument/fileManager/saveXmind.do?',
          // 保存接口的配置
          saveOption: {
            method: 'POST',
            contentType: 'applicaiton/json',
          },
          // 保存接口的额外参数
          personData: {
            // 保存的时候去sessionStorage获取文件id
            fid: window.sessionStorage.getItem('xmindID'),
          },
          // 保存之后进行的操作
          afterSaveFunc: function (res) {
            
          }
        }

简介

KityMinder 是百度 FEX 团队的 f-cube 小组(原 UEditor 小组)的又一力作。作为一款在线的脑图编辑工具,它有着不亚于 native 脑图工具的交互体验。同时,它充分发挥了 Web 云存储的优势,可以直接将编辑中的脑图同步到云端。此外,借由独创的 “云盘分享”功能,用户可以一键将当前编辑的脑图直接生成在线链接共享给其他用户,实现无缝沟通。

KityMinder

KityMinder 基于 SVG 技术实现,支持绝大多数的主流浏览器,包括:

  1. Chrome
  2. Firefox
  3. Safari
  4. Internet Explorer 10 或以上

线上版本

产品地址:http://naotu.baidu.com

二次开发

不建议直接使用百度脑图仓库进行二次开发。

需要脑图可视化需求的,可以基于 kityminder-core 进行二次开发; 需要脑图编辑需求的,可以使用 kityminder-editor 进行二次开发。

依赖

百度脑图依赖列表如下。

  • lib/bower/codemirror - 备注窗口使用的代码编辑器
  • lib/fio - 前端 IO 操作中间件
  • lib/fui - 基础 UI 组件库
  • lib/kity - 前端 SVG 库
  • lib/marked - Markdown 渲染支持
git clone https://github.com/fex-team/kityminder.git

安装

要在本地运行百度脑图,需要先安装一下开发工具:gitnodebower

建议 fork 本仓库后进行二次开发。fork 操作完成后,会在您的 github 账户下创建一个 kityminder 的副本。接下来可以克隆到本地。

cd {YOUR_WORKING_DIRECTORY}
git clone https://github.com/{YOUR_GITHUB_USERNAME}/kityminder.git

代码克隆完成,需要初始化子模块。

git submodule init
git submodule update

然后安装项目的依赖项。

npm install
bower install

构建

依赖安装完成,使用 grunt 进行构建:

grunt

运行完成后,会发现生成了 dist 目录,里面就是可运行的 kityminder。

联系我们

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

Packages

No packages published

Languages

  • JavaScript 89.3%
  • Less 10.5%
  • HTML 0.2%