可视化编辑器选择

可视化页面编辑器选择

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

需求

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