写了一款思维导图编辑器,开源!

hi, 大家好, 我是徐小夕.

徐小夕【10万+粉丝技术博主】,曾任职于多家中大厂上市公司,技术架构师,前端负责人。定期分享前端工程化,可视化,AI多模态产品技术解决方案。【关注趣谈前端,前端路上不迷茫】

之前在研发流程引擎 flowmix/flow 的过程中,抽空写了一款思维导图编辑器,我们可以使用它轻松通过拖拽的方式创作思维导图,demo演示如下:

最近AI工作流和流程编排也非常火,为了方便大家的学习和参考,我把这个项目开源了,开源地址:

gitee.com/lowcode-chi...

开源不易,多多点赞~

接下来我就简单分享一下这个项目,方便大家更好的学习和理解。

功能介绍

先和大家列举一下这个思维导图编辑器的核心功能:

  • 可视化搭建思维带图
  • 内置思维导图模版
  • 节点样式编辑器
  • 高质量导出
  • AI问答模块
  • 模版和思维导图管理

我们先来看看思维导图编辑器部分。目前编辑器支持配置节点的样式和形状,并且可以编辑节点内容,如图所示:

我们可以设计不同形状的思维导图节点,比如矩形,圆形,和卡片。同时可以配置不同节点的背景颜色,下面是我做的一个案例:

接下来看看模版管理。目前我写了一个模版管理的模块,用户可以轻松使用模版来创建思维导图:

当然思维导图大家也可以自行扩展,来实现自己的精美模版库。接下来看看我写的导出功能。我们可以轻松将思维导图导出为各种图片格式和JSON格式,方便与其他人分享。

导出功能非常有意思,大家可以参考我的方案,来实现各种文件的导出能力。最后一个非常有意思的功能是AI问答模块。我们可以通过AI问答,轻松生成思维导图。当然这块需要对接大家各自的AI服务,我已经把UI问答的模块写出来了,大家可以轻松对接:

我已经把这个项目开源了,大家可以获取源码学习参考。

最后

我们最近研发的 flowmix/docx多模态文档引擎,目前也在持续更新中,欢迎体验参考:

文档地址: flowmix.turntip.cn

相关推荐
仿生狮子37 分钟前
OpenAI 攻下千禧年难题之后,开发者似乎无动于衷
前端·数学·vibecoding
夏幻灵4 小时前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
Lvan的前端笔记4 小时前
docker:每个前端项目一个 Nginx 容器还是只有一个Nginx容器
前端·nginx·docker
三天不学习4 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
深蓝AI5 小时前
GitHub的Push一年涨4.9倍:AI Agent为什么逼它重做Git存储?
人工智能·github
xcs194055 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
明月_清风6 小时前
Deno 终局来了:从挑战 Node 到被 Cloudflare 收编
前端·后端·node.js
Csvn7 小时前
框架性能优化
前端
回眸&啤酒鸭9 小时前
【回眸】OpenSwarm 多智能体协作系统实战指南
大数据·前端·人工智能
zhengqweasd9 小时前
机房托管服务器怎么选硬盘,机械盘和 SSD 托管场景差异
运维·服务器·github