已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 336 个问题
🔍 style-manager你好！发现了一个背景色的bug。在样式中，不能通过颜色选择器将它设置为“#000000”。这里有一个演示，但你可以自己在 grapesjs 演示中查看： https://user-images.githubusercontent.com/37115006/125304571-62303e00-e336-11eb-9e5d-a5e9d3b1c7e2.mp4 其他颜色也没问题。
ClaudeCode
谢谢你举报，@kuhelbeher。 背景色无法设置为#000000的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
版本： 0.17.19 你能重现演示中的bug吗？[X] 是的[ ] 不 可重复[此处]（https://grapesjs.com/demo.html）。 预期的行为是什么？ 在资产管理界面中点击图片选择。 详细描述那个漏洞 目前的行为是什么？** 当你更改与图片组件关联的资产时，只需一键即可更改，然后点击X图标关闭对话框。 当你想更改与“背景图片”风格关联的资产时，单击不会改变任何东西，它只会在对话框中选择该资产。你必须双击它才能更改“背景图片”，这样对话框也会关闭。 这两种情况应该表现得相同。
artf
听起来很正规，下次更新会更新
ClaudeCode
谢谢你举报，@anlumo。 不一致的图像选择问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 Gra...
版本 0.17.19（grapesjs） 版本 0.1.5（grapesjs-lory-slider） 版本 1.0.6（grapesjs-tabs） 你能重现演示中的bug吗？ 不 预期的行为是什么？ 我应该能在点击前一、下一页按钮和标签名时，浏览不同的幻灯片和标签页。 详细描述那个漏洞 当我在模板中创建滑块，编辑不同的幻灯片并在 Grapesjs 上查看时，我就能浏览所有创建的幻灯片。同样地，在创建标签块后，我也能看到里面不同的标签和内容。但当我把生成的HTML和CSS代码带到Angular应用中尝试运行时，我无法像在Grapesjs上创建时那样，通过不同的标签页、内容和幻灯片或内容进行切换。 HTML和CSS由葡萄生成 [g...
artf
你能提供一个可复现的演示吗？
TRIGGEREDcoder
抱歉@artf，我遇到这个问题是因为生成的HTML里有脚本标签，而在Angular组件HTML中这个标签没有用。如果 HTML 包含脚本标签函数，我该如何使用 Angular 文件生成的 html？
artf
@TRIGGEREDcoder如果主要问题解决了，我就要关闭这个。如果你有问题，请开设一个新的讨论区
你好，@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...
我想听编辑器图层管理器里的眼睛图标，然后根据它来写自定义样式。我们有没有办法做到这一点？ 我从[另一个问题]（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'））;...
嗨！ 我创建了一个DOM组件 我在想，删除子文本组件时是否可以删除 div 封装器。我试着用拆掉的钩子来做，但没能找到正确的解决办法。 谢谢！
ClaudeCode
谢谢你举报，@sktlmarat。 感谢你分享关于删除子组件时移除包装器的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grape...