我不会丢失我的React组件吗？
不——GrapesJS是在块内渲染React组件。你保留所有现有代码，并用 GrapesJS 块定义封装。GJS 上的 React 入门套装。市场在不到30分钟内就能完成这项服务。
你来这里是因为......
大多数团队发现Craft.js因为它有一个干净的 React API。大多数球队离开Craft.js原因相同。
!
你花了两个冲刺时间重建风格经理
GrapesJS 开箱即用地发布了视觉风格管理器——字体、间距、边框、阴影、渐变。Craft.js中，你自己逐格构建界面。
!
你的队伍不能用Vue、Angular或Svelte
Craft.js设计上仅支持 React。GrapesJS 是框架无关的——同一编辑器核心可在 React、Vue、Angular 或普通 JavaScript 中使用。你的数据栈进化时不需要重写。
!
Craft.js几个月没发布稳定版本了
Craft.js仍然处于v0.x，维护频率不高。GrapesJS 有一个活跃的 v1.x 轨道，支持 TypeScript 并定期发布。对于长期产品，维护速度很重要。
数字
22k+
GitHub 星
100+
市场插件
麻省理工学院
开源许可证
v1.x 版本
主动维护
现场演示
全屏打开→迁移前先试试
免费开源基线，加上基于GrapesJS构建的三个生产编辑器。切换标签页，比较已发货和Craft.js装的。
★shadcn/UI 编辑器 这是大多数Craft.js迁徙者首先尝试的——下面已经预先选定了。
一个生产级编辑器，带有预设在Canvas中的shadcn/ui设计系统。TypeScript、暗黑模式、可访问的原语——就像现代React应用的样子，无需你从零构建编辑器界面。
grapesjsshadcn.netlify.app高级版
诚实的特辑记分板
我们不会隐瞒Craft.js唯一做对的事情。但这里是完整的情况。
| 特色 | 葡萄JS | Craft.js |
|---|---|---|
| 生态系统 | ||
| 许可 | ✓ 麻省理工学院 | ✓ 麻省理工学院 |
| 框架支持 | ✓ 任意（React、Vue、Angular、Vanilla） | ✗ 只反应→ 阻挡 Vue/Svelte/Angular 车队 |
| 插件市场 | ✓ GJS。Market（100+ 插件） | ✗ 没有→所有功能都是自己动手的 |
| 内置工具 | ||
| 区块管理器 | ✓ 内置拖放功能 | ✗ 仅限定制→ 2-4周的开发工作 |
| 风格经理 | ✓ 可视化CSS面板 | ✗ 仅限定制→自己做，或者不做 |
| 设备/响应式预览 | ✓ 内置 | ✗ 未被包含 |
| 电子邮件构建器（MJML） | ✓ 全面支持 | ✗ 不支持 |
| 维护与社区 | ||
| 主动维护 | ✓ v1.x 积极发布 | ⚠ v0.x，偶尔发布→新项目的长期风险 |
| TypeScript 支持 | ✓ 自v1.x起已完整 | ✓ 部分 |
| GitHub 星 | 22k+ | ~8k |
| 总得分 | 10/10 | 3/10 |
迁徙时间线
一个冲刺不是营销
来自 npm install 到一个带存储功能的运行编辑器——在一个拥有10到15个现有Craft.js组件的真实项目中。
同样的范围，留在Craft.js
几个月的自定义开发
仅限于样式/设备/资产管理
- ●0:00
NPM 安装 Grapesjs
在不到一分钟内安装 GrapesJS + 预设（网页或新闻通讯）。第一次运行不需要React包装。
- ●0:15
拖放编辑器已上线
默认方块、画布、撤销/重做和组件选择都正常——零配置。这取代了2-4周的模板Craft.js。
- ●0:30
样式 + 设备 + 资产管理人 有线
在配置对象里切换它们。可视化的CSS控件和响应式断点是免费的——无需自定义面板。
- ●0:45
将你的Craft.js组件映射到GrapesJS块→
每个Craft.js组件都成为GrapesJS块定义。机械重映射——你的业务逻辑保持完整。
- ●1:00
连接存储 + 推向第一个内容类型
两个端点：加载项目JSON，保存项目JSON。先发布一个内容，先在表面。其余部分逐步迁移。
每个Craft.js队都会问的问题
迁移实际上需要多长时间？
大多数车队都是一次性冲刺完成的。主要工作是将组件类型重新映射到 GrapesJS 块——而不是重写业务逻辑。请参见下方时间线。
包裹尺寸更大吗？
Core GrapesJS 是 ~300kb gzip 的。懒加载是按需加载的，不会影响你的页面捆绑包。Craft.js开箱即用更轻，但需要更多插件代码才能达到功能匹配。
SSR和Next.js呢？
用 dynamic（） 包裹Next.js编辑器，用 ssr： false —— 一行代码。GrapesJS 设计上是一个浏览器端编辑器，和 Craft.js 一样。
从Craft.js迁移过来
“我们从Craft.js转到GrapesJS是两次冲刺。没有失去任何功能，获得了插件市场和内置的样式管理器。”
“Craft.js要求我们自己构建块系统、样式控制和设备预览。GrapesJS第一天就吃了这三样。”
“框架无关架构是决定性因素。我们正在从React迁移到混合栈——Craft.js根本不是一个选项。”
哪种更适合你的情况？
如果选择GrapesJS
- ✓你需要一个框架无关的编辑器（React、Vue、Angular，或者普通JS）。
- ✓你需要内置样式管理器、设备预览和模块，无需数周的自定义工作
- ✓你计划通过插件生态系统扩展，而不是全部内部构建
- ✓你想在30分钟内完成视觉编辑，而不是30天
只有当Craft.js
- ·你已经发货了，没有扩展到React以外的项目
- ·您的团队有能力长期维护完全定制的编辑架构
- ·你没有计划支持 Vue、Angular 或框架无关的嵌入
自由迁移套件
买迁移套件发到我的收件箱→周末内从Craft.js迁移
下载Craft.js → GrapesJS schema映射器、入门Next.js仓库，以及用于迁移真实生产编辑器的检查清单。
- 组件模式映射速查表（Craft.js → GrapesJS）
- Starter Next.js + GrapesJS 仓库，带有 Style + 资产管理
- 推出清单：功能标志、内容批处理、质量保证门
团队在迁移前提出的问题
比较其他建筑商？
还不确定
预约15分钟的建筑学电话咨询→找个迁移过真正Craft.js应用的人聊聊。
15分钟，没有提案。我们会勾勒出你的迁移路径，并诚实告诉你Craft.js是否更合适。