一款开源思维导图编辑器，风格类似 Xmind，可以轻松集成到自己的应用：

由于设计的是纯 JS SDK，大家不用担心技术栈问题，可以轻松集成到 Vue、React、Angular 等主流前端框架中。

项目地址：

• GitHub：github.com/jitOffice/jitword-sdk
• API 文档：jitword.com/mind/doc

大家可以把 SDK 放到本地项目的静态目录里，就可以轻松引入使用：

关于更详细的 API 使用方法，也提供了详细的文档介绍：

快速集成

只需要把 SDK 引入到项目：

然后通过如下方式集成调用即可：

// 从 UMD 全局变量获取构造函数
var JitMind = window.JitMind.JitMind

// 1. 创建实例
var mindmap = new JitMind({
  container: '#mindmap-root',
  locale: 'zh_CN',
  editable: true,
  direction: 'side',
  onChange: function(data) {
    console.log('Mindmap updated:', data)
  }
})

// 2. 初始化（渲染到 DOM）
mindmap.init().then(function() {
  // 3. 使用子 API
  mindmap.data.addChild('root', 'New Branch')
  mindmap.theme.setTheme('Rainbow')
  mindmap.io.exportPng({ name: 'my-map' })
})

// 4. 监听事件
mindmap.on('change', function(data) {
  console.log('Mindmap updated:', data)
})

// 5. 销毁
mindmap.destroy()

应用场景

如果你也在做知识管理类应用，比如知识图谱、文档结构可视化、思维笔记管理等，那么这个开源 SDK 将非常适用。

我们可以一键切换思维导图的主题：

还能将思维导图一键导出为图片、PDF 等格式。同时如果想做多人协同编辑，也可以采用 CRDT 算法轻松实现：

更有意思的是，还能集成 AI 功能，来实现 AI 思维导图的效果：