可视化编辑器选择

可视化页面编辑器选择

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

需求

  • 操作动作编辑、复制、剪切、删除等
  • 导出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相关技术的博客。

相关推荐
死也不注释3 小时前
【Unity 编辑器工具开发:GUILayout 与 EditorGUILayout 对比分析】
unity·编辑器·游戏引擎
许白掰13 小时前
Linux入门篇学习——Linux 帮助手册
linux·运维·服务器·嵌入式硬件·学习·编辑器·vim
NeRF_er17 小时前
使用 VScode Debug加不上断点的原因
ide·vscode·编辑器
MediaTea1 天前
Python 编辑器:Thonny
编辑器
山顶望月川1 天前
并行科技MaaS平台支持文心4.5系列开源模型调用
人工智能·机器学习·编辑器
GDAL2 天前
Node.js REPL 教程
node.js·编辑器·vim
向宇it2 天前
【unity游戏开发——网络】网络游戏通信方案——强联网游戏(Socket长连接)、 弱联网游戏(HTTP短连接)
网络·http·游戏·unity·c#·编辑器·游戏引擎
切韵11 天前
Unity编辑器扩展:UI绑定复制工具
ui·unity·编辑器
F_D_Z12 天前
【vim】通过vim编辑器打开、修改、退出配置文件
linux·编辑器·vim
:-)12 天前
VSCode新窗口背景水印logo修改美化
ide·vscode·编辑器