PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 75 个问题
🔍 more-information-needed你好， 我在Canvas按键时没有启用RTE时会报错。 未捕获类型错误：无法读取null的属性“hasFocus” node_modules/grapesjs/src/canvas/index.js：544
artf
你说的“不启用RTE”是什么意思？我无法复现它。请制作一个包含所有必要步骤的现场演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
大家好。 我在LayerManager发现了一个bug： 我在LM里有一个HTML注释作为图层。 我点开了评论。 控制台出现错误提示： 而这个错误涉及的代码是： src/style_manager/view/SectorsView.js：47 所以，html 评论不能有 classList 属性，这就是 bug。
artf
你能做个现场演示吗？默认定义上，你不应该能在图层中看到注释组件
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
嘿，@artf 我有多个断点 ![图片]（https://user-images.githubusercontent.com/26068332/74736935-7fa1cb00-525c-11ea-9d33-e30b6bc44ae5.png） 问题是，当我用分辨率（用图标设置）比如411（手机版）时，画布并不总是显示该分辨率中元素的风格。Canvas 使用平板的媒体查询，而不是移动设备管理器中设置的分辨率。 举例：我用的是411分辨率，但优先级是画布显示页面的平板断点。 ![图片]（https://user-images.githubusercontent.com/26068332/74737465-9694ed00-525d-...
MariusDK
@artf请帮帮我
artf
你好@MariusDK我不太确定我是否理解你的问题，你能做一个小的在线演示来更好地展示问题吗？ 也许你说的是画布大小和CSS中实际媒体查询的区别？在这种情况下，你可以更改它们： “''js 900px 是画布的大小，默认情况下会 也可用于CSS媒体查询 编辑。DeviceManager.add（'tablet2'， '900px'， { 你可以用widthMedia选项在CSS中更改媒体查询 宽度媒体：'850px'， }); ```
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
当开启缩放时，无法滚动覆盖所有画布并移动组件。 我认为是变换：scale（1.5） translate（0px）;画布上的财产问题的根源。 如果我在画布外启用了 overflow： scroll 属性，我只能移动部分画布，不能移动所有画布大小。 <img width=“892” alt=“Schermata 2020-02-04 alle 14 57 14” src=“https://user-images.githubusercontent.com/4604959/73724866-e0121200-475e-11ea-875d-eb9cbd88fbc7.png”> <img width=“892” alt=“Schermata...
artf
你好@christiancannata开启缩放后，应该可以通过按空格键和鼠标左键平移画布
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
mmotov
嗨，@artf！这真的很有帮助，但我该如何设置Canvas在缩放回正常状态时的原始位置？
@artf 你能看看这个吗？ 删除一个单元格并尝试从块管理器添加新单元时，会出现以下错误： “目标位置无效：未找到目标集合，目标不可丢弃，接受[未定义]，组件不可拖拽，[未定义]可接受”。 以下是我的单元和行组件： comps.addType（“cell”， { isComponent： el => el.tagName == “TD”， model： cellType.model.extend（{ 默认值：{ ...cellType.model.prototype.defaults， 名称：“Mycell”， 可拖拽：['tr']， Droppable：确实如此， 可调整大小：正确， 可移除：正确， 选择：真， }) }); c...
artf
请制作一个可复现的演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
嗨 我正在一个项目中使用grapesjs，项目处处使用比例缩放。根据你的建议，我现在可以默认字体大小选择器为“他们”，并让“他们”成为唯一的选项。 editor.on('load', function () { const styleManager = editor.StyleManager; 强制字体大小变为EM const fontSize = styleManager.getProperty('typography', 'font-size'); fontSize.set（'units'， [“em”]）; fontSize.set（'unit'， “em”）; fontSize.set（“step”，0.1）; fontS...
artf
你能制作一个可复现的演示吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
当我把一个组件——比如地图——拖到画布上时，它现在会在DOM中创建该元素的三个副本。不过模型是正确的，刷新屏幕时渲染正常。 不打算搭建一个完整的沙盒来复现，有什么快速想法可能是什么导致这种情况吗？ 谢谢， 安德鲁
andrewryan1906
好的，据我所知，问题在Sorter.js，围绕这段代码展开： 每当你开始把组件拖到画布上时，onMove 都会调用这个代码。我看到你创建了临时组件，然后在下一行立即删除它。 问题出在这段代码里： 不知为何......当 model.trigger 运行时，它会创建两个相同的组件副本;尽管 toAdd 数组只包含一个。我搞不明白为什么它会连发两次......但最终结果是创建了两个组件，而不是一个，代码行如下： ''' dropModel = comps.remove（temp...
andrewryan1906
当我从配置init中移除这行时，这个问题就消失了： 这种环境导致了这种行为。还是不明白是什么。
artf
感谢@andrewryan1906所有的见解，实际上分拣器文件一直在我的*重构列表里，但还没找到时间处理...... 总之，我还是不太明白发生了什么，肯定需要你做一个可复现的演示，否则我帮不上忙...... 最后一件事，你用的是最新版本的GrapesJS吗？ 附注：如果#2493是这个问题引起的，我觉得你可以关闭它
我的网站有一个自定义侧边栏，可以设置全站颜色、字体族、字体大小等。当我更改一种样式（比如文本颜色）时，我会丢失之前由自定义侧边栏设置的其他样式（比如字体族、字体大小）。 为了改变这些风格，我正在做： cssComposer.setRule（“p”， { “font-family”： value }）; cssComposer.setRule（“h1”， { “font-size”： value }）; cssComposer.setRule（“a”， { “color”： value }）; 这是更改全站样式的正确方式吗？为什么会被覆盖？
artf
当我更改一种样式（比如文本颜色）时，我会丢失之前由自定义侧边栏设置的其他样式（比如字体族、字体大小）。 我不太清楚你改了什么，风格在哪里被覆盖......也许你可以现场演示一下你的案件？！ 这样做'cssComposer.setRule（“p”， { “font-family”： value }'是正确的，但这不会改变CSS的工作方式，如果你有另一条带有最强选择器的规则，那个规则就会赢
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
我在“bolt-interactive-pathway”里有几个“bolt-interactive-step”，我想将它们排序，但grapesJS拖拉器只允许我把它放进“bolt-interactive-pathway”里，然后附加到最后：无法排序。 ![ezgif-4-a2ad6c15e82c]（https://user-images.githubusercontent.com/1361104/66575077-f0acd580-eb3a-11e9-9bfa-e54bf13dee20.gif） 更糟的是，这种方法实际上只有大约10%的成功率。
artf
是只在图层内，还是也在画布上？你能做一个可复现的演示吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
嗨。我有一个预定义的模板 json，包含一组 html 元素和样式，这些元素在 grapesjs 加载时会解析成组件集合。CSS 包含了一些默认的媒体查询规则，我想保留这些规则用于模板。命令 editor.getHTML（） 和 editor.getCSS（） 在页面加载时返回正确的值。我希望能够分别修改HTML和CSS代码并重建组件。 如果我尝试用相同的HTML和CSS代码保存模板，组件在画布重置后，预设的媒体查询会丢失： 简而言之，我正在做以下几件事： 你能给个解决方法的提示吗？
artf
请提供一个可复现的演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
abozhinov
我也有同样的问题。这就是我的问题 -> https://github.com/artf/grapesjs/issues/2843