1 张图片
GRID System GrapesJS
¥352.80¥476.28
GrapesJS:0.21.x0.20.x0.19.x0.22.x
包含内容
- 源代码包(项目文件)
- 生产就绪的构建包
- 商业许可证
- 含未来更新
兼容 GrapesJS
已在 GrapesJS 0.21.x, 0.20.x, 0.19.x, 0.22.x 上测试
含源代码
完整源码 + 生产就绪的构建包
编辑器兼容
专为 GrapesJS 开源编辑器设计
商业许可
可无限制用于客户项目
通过内置于GrapesJS中的强大CSS网格和兼容Bootstrap网格系统,完全掌控您的页面布局。别再纠结手动标记了——只需拖拽、放下并直观配置行和列,完全按照你需要的方式配置。
GRID 系统为你的 GrapesJS 编辑器添加了完整的布局引擎。无论你是在构建着陆页、电子邮件模板,还是复杂的网页应用,它都能快速为你提供结构性构建模块,让你能够快速地创建任何布局。
特色
网格组成部分
- 即用的行列块,直接拖放到画布 上
- 开箱 即用 CSS Grid 和兼容 Bootstrap 的结构
- 可配置列计数:1、2、3、4、6和12列布局
可视化布局控制
- 直接从样式面板 调整柱间距、缝隙和对齐
- 响应式断点——定义你的网格在桌面、平板和移动 端的表现
- 嵌套支持——在复杂的多层布局中将网格置于网格内
开发者友好
- 干净、语义清晰的HTML输出——没有臃肿的包装器或内嵌样式覆盖
- 兼容 GrapesJS 版本 0.19.x、0.20.x、0.21.x 和 0.22.x
- 既包含源代码,也包含生产准备的 Dist 构建
问答
暂无问题,有什么想问的?
此插件可帮助解决的常见问题
社区中关于同一主题的真实问题——看看其他人是如何解决的。
- #6152💬 4 条回答
通过自定义代码添加的CSS在移除自定义代码组件后依然存在
- #5829💬 3 条回答
未捕获类型错误:__webpack_require__.r 不是 ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) __webpack_require__at fn (bootstrap:150:1) at ./src/Demo/Templates/Templates.js (Templates.css:45:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1)
- #5788💬 3 条回答
CSS 属性的默认值
- #5408💬 3 条回答
Main.scss 在 0.21.6 中缺失
.png&w=1920&q=75)