可视化编辑器选择

可视化页面编辑器选择

最近要开发一个低代码项目,一个低代码项目技术难点都在可视化编辑器上面,由于没有充足的时间,也没有可视化页面编辑器开发技术能力,因此找到一个靠谱的可视化编辑器,基本就成功了一半。

需求

  • 操作动作编辑、复制、剪切、删除等
  • 导出JSON和使用JSON渲染
  • 支持自定义预览屏幕尺寸
  • 支持SSR
  • 自定义编辑器页面UI和布局
  • 。。。

比对

维度 @measured/puck @craftjs/core grapesjs
是否支持导出JSON和使用JSON渲染 支持 支持 不支持
是否支持定制化开发组件 支持 支持 支持
是否支持自定义预览屏幕尺寸 支持 支持 支持
是否支持定制页面布局和UI 支持 支持 不支持
是否支持自定义编辑器操作 不支持 支持 支持
是否支持SSR 支持 支持 支持
是否支持部分区域禁止编辑 支持 支持 不支持
是否开源 开源MIT协议 开源MIT协议 收费
发版频率 比较频繁 比较频繁 比较频繁

最终选择了craft.js,免费并且可定制化程度很高,这也导致除了编辑器的能力,几乎其他所有功能都要自己实现,所以如果你想找一个开箱即用的页面编辑器,那么请不要选craft.js。框架仅支持react,目前已经支持react19+next15,不需要担心无法使用新技术。

如果你也选择了craft.js,遇到问题可以找我相互交流,后面我也会写craft.js相关技术的博客。

相关推荐
要加油哦~15 小时前
工具 | 解决 VSCode 中的 Delete CR 问题
ide·vscode·编辑器
taoismimortal1 天前
vscode目录,右键菜单加入用VSCode打开文件和文件夹(快速解决)(含删除)(脚本)
ide·vscode·编辑器
猫咪的白手套1 天前
解决VSCode中“#include错误,请更新includePath“问题
ide·vscode·编辑器
鑫宇吖2 天前
IAR编辑器如何让左侧的工具栏显示出来?
编辑器·嵌入式·c·iar
咩咩觉主2 天前
Unity编辑器拓展 IMGUI与部分Utility知识总结(代码+思维导图)
unity·c#·编辑器·游戏引擎
William.csj2 天前
VSCode——python选择解释器消失的解决办法
vscode·编辑器
Gss7772 天前
Vim 编辑器全模式操作指南
linux·编辑器·vim
集成显卡4 天前
字节 AI 编辑器 Trae 2.0 SOLO 出道! 国际版不充分指南及与国内版的对比
ide·人工智能·大模型·编辑器·trae
死也不注释4 天前
【第三章自定义检视面板_创建自定义编辑器_如何创建自定义PropertyDrawer(9/9)】
unity·编辑器
晓码bigdata4 天前
c++学习第3篇编辑器——centos7.9.2009系统离线安装clion软件并成功调试c++程序
c++·学习·编辑器