PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 75 个问题
🔍 more-information-needed我遇到了一个自定义设置的问题，画布iframe用js在内面移动。“editor.refresh（）”调用并不会修复移动后工具的位置。 我觉得问题出在刷新时偏移缓存没有被清除。 如果我在刷新前调用，工具的位置会如预期般： editor.trigger（'test：canvasOffset'）; editor.trigger（'frame：updated'）; 版本：0.16.18
artf
@nedim1511能提供一个可复现的演示吗？
neon12345
https://jsfiddle.net/3gqh6p5a/ 点击选择“Hello World”，然后向左拖动垂直分流器以调整分割窗口大小。dragEnd 上调用的“editor.refresh（）”应该能对齐工具，但似乎没有效果。 在水平阻力调整尺寸时更明显。
artf
在我本地的版本里，你的例子是正常的，所以下一个版本可能会修复这个问题
v0.16.18（也测试过v0.16.22） 你能重现演示中的bug吗？ [X] 是的 [ ] 不 预期的行为是什么？ GrapesJS在滚动元素内应表现正常 详细描述那个漏洞 当 grapesjs 运行在滚动的父元素内（除了窗口）时，当卷动父元素时，画布不会清除偏移缓存。 这会导致高亮框和其他画布效果显示错误。 目前的行为是什么？ 当卷轴时，写入画布的内容都会错位。这可以通过调用 CanvasView.clearOff（） 来“修复”。 你能附上截图、截屏或实时演示吗？** [X] 是的（附上） [ ] 不 https://codesandbox.io/s/pensive-golick-gjsmi 繁殖步骤：悬停在画布上向下/向...
artf
谢谢你的报告@metatick你能确认是不是和#2722一样的问题？ 在这种情况下，这个问题应该被关闭（但可能值得举报同一个代码沙盒）。
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
实际行为： 如果工具栏放在靠近底部边框的元素上，可能会溢出画布并部分隐藏。 它可以通过默认工具栏复现：[截图]（https://monosnap.com/file/6mqG4QSX2WBBXnDkoZDuvsArBANyHP），但当工具栏自定义且足够高，导致某些元素无法访问时，这个问题尤其明显。 预期行为： 工具栏被移得更高，被“附加”在画布底部边框上。
artf
如果你还在做公关，告诉我
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
你好， 在选定设备上移除style属性（clearProperties： true）时遇到问题。 你可以在 https://grapesjs.com/demo.html 上复现这个问题。 步骤：清洁所有东西。拖拽自定义代码。添加此示例代码。 '''html <div id=“test”> 测试内容 </div> <style> #test { 颜色：红色; } @media（最大宽度：767像素）{ #test { 颜色：绿色; } } @media（最大宽度：991像素）{ #test { 颜色：绿色; } } </style> ```切换设备到平板或移动端，并选择组件。在排版风格中，你可以看到COLOR属性是黄色，没有干净图标...
abozhinov
@artf你有什么办法可以解决吗？
artf
为了让StyleManager读取正确的样式规则，你的媒体查询应反映所选设备的宽度相同。你试过吗？
abozhinov
是的，我会。 deviceManager： { 设备： [ { 名称：“桌面版”， 宽度：“， 优先级：3 }, { 名称：“平板”， 宽度：'768px'， 宽度媒体：'991px'， 优先级：2 }, { 名称：“Mobile”， 宽度：“360px”， 高度：'640px'， widthMedia： '767px'， 优先级：1 }] },
你好， 当我们存储并加载 GrapeJS 时，它能很好地远程处理 JSON 🙌 格式 不过，它会加载现有的 A 资源，没有刷新新的资源。防止存储资产或强制资产刷新的最佳方法是什么？
artf
能发一下你的代码吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
@artf 当我点击设备（平板、手机）时，画布大小没有更新 但在0.15.x及以下版本中是正常的。
cdespinosaagmx
我也有同样的问题
kuhelbeher
我更新后也遇到了同样 grapejs 问题。我发现我用的是旧版本的CSS文件： https://unpkg.com/[email protected]/dist/css/grapes.min.css 我更新了版本，使用 grapesjs 版本，问题就解决了。 试试看吧，也许你也有同样的问题。
alitorki2651
我也有同样的问题@artf
我只是在手机上试试演示 https://grapesjs.com/demo.html HTML/CSS 的渲染 https://us-central1-connectionhelper-6e7ed.cloudfunctions.net/app/api/pages 而且发现它看起来还是桌面版。当我在编辑器里查看移动版时，画面有点不同。有点困惑为什么编辑器的手机预览和实际渲染不一样。 看起来没有任何媒体查询。
vinceumo
你好@artf我确实用代码沙盒 https://github.com/artf/grapesjs/issues/2774 开过一个问题 我的问题其实更多是样式在画布中没有正确渲染。我上面的问题其实是我这边的，因为缺少带有CSS的HTML代码。 非常感谢
montali
我也赞同！
vinceumo
在0.16.12上也有同样的问题，导入带有媒体查询的CSS时，媒体查询中的大部分CSS会被移除，但不会全部？我也试过用Postcs解析器，还是同样的问题。
嗨 我当时试图在可视化源页面上使用 grapesjs 。 以下是初始值函数—— 'initEditor： function（）{ var self = this; this.editor = grapesjs.init（{ 容器：“#gjs”， fromElement： true， 高度：'500px'， 宽度：“自动” storageManager： false， 面板：{ 默认值：[] }， blockManager： { 附录：'#blocks'， 块：self.wcComponents }, }); this.editor.runCommand（'sw-visibility'）; this.editor.Panels.ad...
artf
请制作一个可复现的演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
你用的是最新版本吗（旧版本不支持）？ 是的，使用最新的v0.16.3版本。 发生了什么？ 已从WORKING v0.15.3升级到v0.16.3。 另外，我回去确认了v0.15.10中是否能正常工作 演示，在最新的Firefox和Chrome中重现 https://niiknow.github.io/grapesjs-components-farmer/ 问题。 错误输出到Chrome控制台： 调试显示，在悬停在“body”dom时，它尝试获取body.parent的“model”数据，即“文档”对象。
artf
@noogen你能不能用类似jsfiddle做一个可复现的演示？（没有你的预设/插件，所以我知道问题出在核心）
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
HassanElZarkawy
我也遇到了这个问题。我自己每次尝试在init里做画布选项时都会出现。 “JavaScript” const editor = Grapesjs.init（{ 请指示编辑器的初始化位置。你也可以通过HTMLElement 容器：“#gjs”， 直接从元素获取画布内容 作为替代方案，我们可以使用：“components：”<h1>Hello World Component！”</h1>, fromElement： true， 宽度：“自动” 暂时禁用存储管理器 storageM...
[问题：] 你好，我用过这个构建器插件在 Angular 7 里。这个结构非常好，也可扩展。 但我在定义自定义组件这个插件时遇到了一些问题。 问题是如何向自定义DomComponent添加类。 我创建了新的视频包装DOM组件。 里面包含了iframe。 我想要这个domComponent的后续结果。 <div class=“cus-gjs-video”><iframe class=“cus-video-content” src=“”></iframe></div> domComponent代码正在跟踪。 型号：{ 默认值：{ 类型：“cus-video”， 标签名称：“div”， 可编辑：1， 可掉落：0， 可调整大小：0， 视频...
artf
你能用自定义组件的完整代码制作一个实时演示吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。