可视化编辑器选择
可视化页面编辑器选择
最近要开发一个低代码项目，一个低代码项目技术难点都在可视化编辑器上面，由于没有充足的时间，也没有可视化页面编辑器开发技术能力，因此找到一个靠谱的可视化编辑器，基本就成功了一半。
需求
- 操作动作编辑、复制、剪切、删除等
- 导出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相关技术的博客。