我们开源了一款“框架无关”的思维导图编辑器,3分钟集成到任意系统

之前一直在深耕 AI Agent 与大模型应用,比如 JitKnow AI 知识库、JitWord 协同AI文档、Pxcharts 超级表格。

我们最近开源了一款思维导图编辑器,风格类似 Xmind,可以轻松集成到自己的应用:

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

老规矩,先上地址。

github:github.com/jitOffice/j...

API文档:jitword.com/mind/doc

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

关于更详细的API使用方法,我们也提供了详细的文档介绍,如下:

我们只需要把 sdk 引入到项目:

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

javascript 复制代码
// Access the constructor from UMD global
// 从 UMD 全局变量获取构造函数
var JitMind = window.JitMind.JitMind

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

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

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

// 5. Cleanup | 销毁
mindmap.destroy()

应用场景碎碎聊如果你也在做知识管理类应用,比如知识图谱,文档结构可视化,思维笔记管理等,那么这个开源 SDK 将非常适用。我们可以一键切换思维导图的主题:

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

更有意思的是,我们还能集成AI功能,来实现AI思维导图的效果:

目前我们在 JitWord 协同AI文档中也集成了我们的思维导图SDK,来实现线上的内容知识协同管理。好啦,今天就分享到这,欢迎大家体验反馈,贡献更多高价值的应用案例:

github:github.com/jitOffice/j...

API文档:jitword.com/mind/doc

相关推荐
kyriewen1 小时前
我装了30多个Skill,给AI安排了8个岗位
前端·javascript·ai编程
风骏时光牛马1 小时前
大模型落地实践中的技术选型思路与方案对比
前端
IT_陈寒2 小时前
Vite打包时的静态资源坑,我帮你踩过了
前端·人工智能·后端
默_笙3 小时前
🔥 让 AI 帮我写完整个 Next.js 博客:框架就是 AI 的"上下文 buff"
前端·javascript
牧艺3 小时前
登录页还在用渐变?我一口气做了 5 个能摸的背景动效:吹蒲公英、滴墨染水、点熔岩闷裂
前端·canvas·交互设计
陆枫Larry3 小时前
状态机简介
前端
峰向AI4 小时前
AI reads books:用 AI 逐页「啃」PDF 的知识提取器,一个脚本搞定一切
github
陆枫Larry4 小时前
一次登录问题排查:接口没错,错的是旧业务逻辑
前端
小小小小宇4 小时前
大模型打分与采样原理,以及 Pi Agent 核心原理
前端
一位正在转型AI全栈的前端工程师5 小时前
AI 全栈学习之旅 -Week 5:RAG 知识库问答系统:从零到生产级部署的全栈实践总结
前端·python