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

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

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

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

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

gitee.com/lowcode-chi...

开源不易,多多点赞~

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

功能介绍

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

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

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

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

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

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

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

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

最后

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

文档地址: flowmix.turntip.cn

相关推荐
崔庆才丨静觅15 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby606116 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了16 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅16 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅16 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅17 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment17 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅17 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊17 小时前
jwt介绍
前端
爱敲代码的小鱼17 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax