已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
当点击“查看代码”并选中画布中的元素时，代码查看器可以显示对应代码并选择外部HTML——这对于即时复制或快速检查非常方便。
ClaudeCode
谢谢你举报，@gMakaan。 关于FEAT： 代码查看器——前往选定画布块的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件...
你好，@artf， 尝试用浮点表单对齐创建布局时，有一个通用的问题。 问题是浮点不会自动清除。 ![图片]（https://user-images.githubusercontent.com/17553816/125087079-d32ee600-e0e9-11eb-8a08-15020c15b8fd.png） 当用户设置流值浮点（float left /right）时，我该如何在行中添加新类 '<div data-gjs-type=“default” draggable=“true” data-highlightable=“1” class=“row” id=“iroj”><div data-gjs-type=“default”...
artf
请遵循议题模板
ClaudeCode
谢谢你举报，@Palash-曼达尔。 关于如果我用对齐浮子的浮子，不清楚这就是设计问题的原因。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'so...
所以我正在尝试获取选中的组件并用它做一个块，但是我在添加它的 CSS 时遇到了困难。我目前的做法是这样的： “编辑。BlockManager.add（widgetname， { 标签：控件名称， 内容：editor.getSelectedAll（）， 类别：panelname， 属性：{ 标题：widgetname， 类别：图标级 }, });` 任何线索都会很有帮助:)
ClaudeCode
谢谢你举报，@aryanchopra。 感谢你分享关于向模块添加选定组件样式的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gra...
如果用户删除元素中的所有文本并点击其他地方。然后再试着选择空元素，他又选不中，因为它是隐藏状态，我不知道它去哪了。所以针对这个问题，我用的是这段代码 该代码在文本中设置空格，如果用户从元素中移除所有文本。通过这样做，这些元素不再是空元素，因此 i 不会隐藏 。我们再次选择 。如果用户逐个移除文本字符，则运行良好。但现在的问题是，如果用户用 CTRL + A 选择文本，然后用退格键删除。目前上述代码无法使用。有人能帮帮我吗？
artf
正如这里已经建议的 https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 避免现在这样操作，添加一个简单的默认CSS，以防元素空着
NoumanAhmad-Braqsol
谢谢，我明白了！
ClaudeCode
感谢你报告，@NoumanAhmad-Braqsol。 感谢你分享关于 editor.on（'component：update：content'， model => { }}） 在某些原因下无法正常工作的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么：** 简约代码示例（不是你整个项目） 屏幕录制或截...
首先，感谢你提供的@artf。因为我正在做一个项目。我在编辑文本时遇到了一个问题。如果我选择文本框并编辑文本，它就没问题“，但如果我删除所有文本，点击别处，再尝试选择文本框。但没用，因为空文字会隐藏，也没有再选中。如果我在DOM里检查，它存在<p><p>但空的。为什么它没有再次选择空？<p> 此外，我想在悬停时只选择文本框。我不需要先点击框框再编辑。我们能在悬停文本字段时自动打开CKeditor吗？ 提前感谢大家
artf
我觉得更多是布局问题。由于该框没有文字，它会失去尺寸，所以很难重新启用。无论如何，你可以扩展文本组件，添加一些额外的样式，方便选择空置。 对于悬停，你需要扩展文本组件视图，并在悬停时绑定 onActive 方法。
ClaudeCode
感谢你报告，@NoumanAhmad-Braqsol。 关于文本编辑问题“的好问题。如果文本被删除，文本就不会再次选择。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console....
我想听编辑器图层管理器里的眼睛图标，然后根据它来写自定义样式。我们有没有办法做到这一点？ 我从[另一个问题]（https://github.com/artf/grapesjs/issues/3154#issuecomment-733693886）中获得了代码，我想从这里扩展toggleVisibility方法。可能吗？如果是这样，我们该如何做到？ 其次，我想在可视化图标变化时对所选元素写自定义媒体查询，怎样才能以最佳方式实现？ 谢谢你
ClaudeCode
谢谢你举报，@sathyanarayananaCES。 关于[问题]：图层管理器中可见性（眼睛）图标的事件监听器，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （）...
你好，@artf， 我已经添加了 '让CC = 编辑器。Css作曲家; cc.setRule（'.fadetop-animate'， { 不透明度：0，'animation-name'： 'fadeTop' }， { atRuleType： 'keyframes'， atRuleParams： 'fadeTop'， 选择器：“to”， 风格：{ 不透明度：1 } });` 根据文件[]（https://grapesjs.com/docs/api/css_composer.html#setrule） 但关键帧规则不会被添加到组件中。 如何为组件样式添加关键帧？
artf
用这个 “''js 编辑。CssComposer.getAll（）.add（'@keyframes fadeTop { ... }'） // 你的CSS字符串 ```
ClaudeCode
谢谢你举报，@niranjank151。 关于@keyframes即使我传递关键帧对象后也没有添加，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => conso...
GrapesJS 代码存在 XSS 问题，因为值插入 DOM 时不会逃逸，例如 https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L30 如果“model.getFilename（）”返回“<img src=x onerror=alert（document.cookie）>.jpg'，可能会导致账户被接管。相反，代码应当是例如： 这里也有类似的问题 https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L15，...
aimeos
@artf 你的计划是什么？因为GrapesJS对XSS的脆弱性是一个相当严重的安全问题
artf
是的，谢谢你的报告@aimeos我一定会在下一版里修正
aimeos
@artf 文档中还经常使用“${var}'来在模板中插入变量。这也应该改变，以避免开发者在不知情的情况下引入安全问题。
你好，@artf， 这是个通用问题，宽度和高度属性值设为自动，同时切换视图为移动端或平板视图。但自动属性在CSS中没有体现，这也是为什么桌面值存在，问题才会出现。如果我把宽度改成自动并按Tab/Enter，CSS里还是没有显示。 用例：切换平板/移动模式时，用另一个单元输入某个值，比如px，%在宽度/高度字段中，然后设置为自动。之后就行了。 所以基本上，用户不知道显示的值是auto，但其实不是自动，只是占位符，如果用户输入了同样的值auto，这也无法正常工作。 用户需要设置两遍该数值，它才会正常工作。 用例：用户需要设置两倍值 1.先设置一些px/%值，然后设置自动。 我的问题是现在我该如何保持桌面右侧面板中其他设备宽度高度部分的...
ClaudeCode
谢谢你举报，@Palash-曼达尔。 关于*的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
版本：0.17.19 你能重现演示中的这个bug吗？不会，因为是全屏，没有父容器滚动功能。 预期的行为是什么？ 悬停状态干部以查看部件位置的变化 详细描述那个漏洞 当我想选择或悬停在特定组件上时，由于父滚动，干部位置显示错误。 在0.17.19之前没有这种情况，当时还算正常。 你能上传截图、截图或实时演示吗？是的 ![Screenshot_17]（https://user-images.githubusercontent.com/38842256/124558368-c42d0700-de4f-11eb-936f-881fc0cd57ea.png）
artf
如果可滚动元素不是编辑器的父节点，你可能需要这个选项 https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
ClaudeCode
谢谢你举报，@maxtsh。 当编辑器的父滚动时，将鼠标悬停在组件上，显示错误位置的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队...