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

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

AI精读教程：《最系统的AI开发学习精品手册》

徐小夕

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

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

老规矩，先上地址。

github：https://github.com/jitOffice/jitword-sdk

API文档：https://jitword.com/mind/doc

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

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

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

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

// 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()