页面构建器与块编辑器的区别
当你需要布局时，而不仅仅是方块
1
内容块，不是页面布局
Editor.js编辑一条线性的内容块流。
GrapesJS fixes this
完整视觉布局
GrapesJS 构建版块、列和响应式布局。
2
没有视觉造型
Editor.js输出结构;造型是你下游的工作。
GrapesJS fixes this
内置样式管理器
在编辑器中可视化编辑间距、字体和颜色。
3
JSON 输出，不是 HTML
你自己在每个表面渲染Editor.js JSON。
GrapesJS fixes this
干净的 HTML/CSS 导出
GrapesJS 导出现成的 HTML 和 CSS。
一对一对抗
GrapesJS 与 Editor.js —— 全面对比
| Feature | GrapesJS ✓ | Editor.js | Why it matters |
|---|---|---|---|
| 许可 | ✓ 麻省理工学院 | ✓ 阿帕奇-2.0 | 既开源又免费使用。 |
| 编辑器类型 | 可视化页面/布局构建器 | 块内容编辑器 | 不同的工作：全页和文章内容。 |
| 输出 | HTML + CSS | JSON 块 | 直接提供 HTML，而不是自己渲染 JSON。 |
| 拖放布局 | ✓ 分段与列 | ✗ 线性块 | 写真正的页面布局，而不仅仅是内容流。 |
| 可视化CSS / 样式管理器 | ✓ 内置 | ✗ 仅内容 | 样式元素，无需离开编辑器。 |
| 响应式控制 | ✓ 设备管理器 | ✗ | 预览并调校手机/平板/桌面。 |
| 自定义存储后端 | ✓ 任何后端 | ✓ 任何后端 | 两者都存续到你自己的 API。 |
| 插件生态系统 | GJS。市场（100+） | 社区工具 | 生产准备的编辑器扩展。 |
| 最佳 | 着陆页、邮件、整页 | 文章与丰富内容 | 根据你正在构建的内容来选择。 |
如何发货
站立一个GrapesJS编辑器，四步
- 1第一步
安装GrapesJS
把GrapesJS添加到你的应用里，把编辑器挂载到容器上。
- 2第二步
添加模块和插件
把你的部分重新创建成块;从GJS下载现成的插件。市场。
- 3第三步
线缆存储
将存储管理器指向后台，这样编辑内容才能永久保存到数据库中。
- 4步骤4
出口与船舶
导出干净的HTML/CSS，并在你控制的任何地方渲染。
23,000+
GitHub 星
100+
GJS 上的插件。市场
十年
积极开发
$0
许可证费，永远
常见问题