Nimble Prime Musketeers

    kityminder-core-extend

    1.5.5 • Public • Published

    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.core.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 使用步骤如下:

    1. 安装依赖
    yarn add kityminder-core-extend
    
    
    1. 在页面组件内引用
      import "kityminder-core-extend/dist/kityminder.core.css";
      import "kity";
      import "kityminder-core-extend";
    
    
    1. 初始化创建实例
      // 创建容器
        <div
        id="minder-view"
        type="application/kityminder"
        minder-data-type="json"
        style={{ height: "100%" }}
      ></div>
    
    
      // 创建 km 实例
      const defaultOptions={
        defaultTheme:'normal'
      } // 默认配置
      const km = (window.km = new kityminder.Minder(defaultOptions));
      km.setup('#minder-view');
      km.importJson(data) // 导入数据
      
    

    开发说明

    Install

    npm i kityminder-core-extend

    DownloadsWeekly Downloads

    10

    Version

    1.5.5

    License

    BSD-3-Clause

    Unpacked Size

    1.15 MB

    Total Files

    110

    Last publish

    Collaborators

    • n123648305