前言 本次项目目前初定使用Next.js做服务端及管理系统，搭建平台使用React，相当于是从 0 打造通用型低代码产品的服务端简化版本吧 技术及平台： 数据库：Supabase提供，postgres

前端的代码编辑器选型主要有monaco-editor和CodeMirror两种，我司低代码实践中的代码编辑场景主要是函数设置，因此选择了更为轻量的CodeMirror。

前言 最近接到一个需求就是给echarts可视化编辑器增加动态请求配置项。其中包含了数据源映射功能，毕竟第三方接口返回的数据格式是不固定的。查了一圈资料也没找到我想要的，接下来就来分享一下我的实现方式

Tiptap 编辑器是一款无头、与框架无关的富文本编辑器，可通过 extension 进行定制和扩展。

今天我们来学习一下，低代码编辑中辅助线与缩放效果的实现。 学习建议： 拉取源代码到本地，启动项目并结合文章讲解进行学习。

摘要 本篇主要来实现一下，在设计器里，对组件进行删除和复制的功能。这一篇不该在运行时的分组里面，但是写到这里来，就继续写下去吧。 因为在设计页面的时候，一定会出现拖拽错组件的情况。所以我们给设计器增加

一. 介绍 上一篇文章我们重点介绍了一下项目的搭建，从整体的架构上去考虑一下项目如何创建。最终选择了pnpm + monorepo的方式。有兴趣的同学可以浏览一下我之前的文章，链接放到文章结尾。从这章

之前一直在研究可视化和零代码搭建相关产品和技术, 最近逛 github 的时候发现一个比较有意思的拖拽开源组件, 就用 vue3 简单撸了一个拖拽搭建的小demo, 供大家参考学习. 可视化拖拽dem

先附上源码地址：https://github.com/cwjbjy/vite-react-ts-seed 本文基于vite4+react18+typescript5+react-router-dom6