PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated你好，我尝试用 grapesjs 作为终端用户来构建页面，结果是：当我们使用列块时，如何选择行来改变宽度？真的很难用......我创建一个框+文本，真奇怪，无法更改框的高度，总是75px......真奇怪如何创建四列元素？ 感谢你的Feat部分，真的很厉害。
artf
当我们使用列块时，如何选择行来改变宽度？真的很难用...... 你可以在样式管理器（维度扇区）中更改行宽我创建一个框+文本，真的很奇怪，无法更改框的高度，总是75px......真奇怪 请始终检查样式管理器中的数值如何创建四列元素？ 只需克隆选中的列
micker
好的，谢谢，我会试试！
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好！ 我想知道有没有办法在模板导入时强制生成动态类（形式为“cXXXXX”，当我拖拽组件时发生）？ 问题是，当我使用模板时，编辑器中生成的组件没有那个动态类，而我需要在手机/平板模式下编辑时能够生成媒体查询。 供参考，这是我导入的模板： https://gist.github.com/davydav/2413f5fdaa154a80dfa49a633bd247bb 非常感谢你出色的工作！ ![截图 2019-04-10 16 08 33]（https://user-images.githubusercontent.com/272360/55885905-0dc41400-5bab-11e9-9adf-4e952715aaf4.p...
artf
你好，Davy，如果你需要类，可以在模板里已经设置好;如果你需要动态类，可能会用 [events]（https://grapesjs.com/docs/api/editor.html#available-events） 比如 'component：add' 或 'block：drag：stop'
davydav
谢谢你的回答！有没有办法访问你的类生成方法，或者你能指引我它在你的代码中的位置吗？我一直在找，但一直没找到！ 再次感谢
artf
https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/dom_components/model/Components.js#L70-L87 如你所见，它在添加时被调用，所以你实际上可以禁用它（用“forceClass”选项），实现你自己的逻辑
大家好， 我正在尝试更改按钮组件中的文本，但无法编辑它。我添加了这个类型： 我添加了可编辑的真实参数，但不起作用 然后把按钮添加到组件管理器里 有什么办法可以绕过这个问题吗？ 谢谢！
simplecommerce
@trafalmejo 试着看看他们实现链接组件的方式，我觉得可能会帮到你，不过我也不是百分百确定。
artf
你应该扩展“文本”部分
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 用上一个版本，一切运行得非常完美。我用远程存储，但加载请求时需要通过自定义参数和设置传递。 最好的做法是什么？在Storage Manager中使用PARAMS时，它们只在POST方法下工作。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
该漏洞可以在 GrapesJS 演示中重现。 漏洞： 拖放图片后，使用不在角落的缩放点（高度或宽度缩放点），高度和宽度都会被调整。 预期行为： 非角点应仅根据所用点调整图像的高度或宽度大小。 补充说明： 如果你至少使用过一个角点一次，其他非角点的大小调整行为会正确，只根据你用的点调整宽度或高度。 繁殖步骤： 1- 拖放一张图片。 2- 使用一个非角点的缩放点。 Optional： 3- 至少使用一次角点之一。 4- 重复使用不在角落上的缩小点，你会发现它有预期的行为。
artf
这不是bug，只是浏览器自动处理的缩放，如果你不喜欢，可以考虑扩展图像组件，在加载时存储大小信息
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 有没有办法在 Canvas 上创建类似图像映射的功能？用户应能选择特定区域进行链接。 下面的链接里有示例做法。 https://www.jqueryscript.net/demo/Easy-Imagemap-Generator-With-jQuery-hotArea-js/ 我尝试过像下面那样创建链接，但这并没有灵活性去移动所有地方。 var bm = 编辑器。BlockManager; bm.add（'link-block3'， { 分类：“基础”， 标签：“Link Block3”， 属性：{ 类： 'fa fa-link' }， 内容：{ 类型：“链接”， Droppable：确实如此， 可拖拽：确实， 可调整大小：...
artf
用[自定义组件]（https://grapesjs.com/docs/modules/Components.html）你应该能创建任何你想要的东西
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，我正在尝试在 prestashop 中集成 grapesjs，但由于 iframe 的问题，我无法获得全局 CSS 或 js。 我尝试手动输入 CSS 和 js，但 prestashop js 在添加时会出错。 有没有办法不用iframe？ 或者有全局访问样式和JavaScript的？ 一个问候。
artf
“''js VAR Editor = Grapesjs.init（{ ... 画布：{ 斯泰尔斯：['...style1.css']， 剧本：['...script1.js']， }, }); ```
rrc845
我已经试过了，但没用。Prestashop的Js在iframe里不工作，因此我需要从iframe中渲染出来。
artf
Prestashop的> Js在iframe里不工作，因此我需要从iframe中渲染出来。 打开控制台检查有没有错误，可能是你通过了错误的路径，或者你需要用 prestashop 的其他 js
可以吗？把拖放事件改成点击时添加新组件，我想点击方块添加组件，这样它会直接添加到选中的组件中，谢谢 ![巴鲁]（https://user-images.githubusercontent.com/15244481/55772491-9f9e2500-5ab6-11e9-925e-4341bcf355e7.gif）
artf
其实没有，但我已经在考虑这个可能性了，所以可能会在下一个版本里加它。 我想问，如果你的动图，你会期待什么？点击时，方块应该加在单元里？
fmr411
是的，我希望点击时块会被添加到单元格里，但我能知道函数在哪里处理添加块的事件吗？
artf
https://github.com/artf/grapesjs/blob/dev/src/block_manager/view/BlockView.js#L7-L8
在我看来，这是存储相同数据的两种不同方式，现在我需要将 gjs-components 转换为 gjs-html，有这样的方法吗？ 期待你的回复，祝项目越来越好！
artf
有这种方法吗？ 其实不完全是，但实际上这和用组件（gjs-components）初始化编辑器，然后通过 'editor.getHtml（）'（gjs-html）获取代码是一样的。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf， 按照你的建议，启用解析器中的“keepEmptyTextNodes”选项来修复我的#1915问题（grapesjs剥离和nbsp;标签之间），我们发现了以下（奇怪的）副作用，使用最新的0.14.57版本： 启用此选项后，在给定的HTML结构上拖放某些块（主要是table>tr>td）时，拖动块会落在目标位置之上，而不是你放的位置。 我在在线演示中通过JavaScript控制台设置运行时选项，复现了这一点：grapesjs.editors[0].Parser.getConfig().keepEmptyTextNodes = true 并且在画布中使用以下HTML代码： <table align="center" b...
artf
好的，我觉得问题出在排序器里，它不把“textnode”节点算作子节点（用“keepEmptyTextNodes”你会保留所有节点）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。