问题 #4208💬 已回答提出于 2022年3月22日作者 ronaldohoch2 个反应

Style click state bug in every element

快速解答作者 artf❤ 1

谢谢你的报告@ronaldohoch 这个问题将在下一个版本中修复。

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Brave Last 在 Chrome Last 和 Safari Last 上测试过。可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？我有个视频：https://www.loom.com/share/508e91098bf247bd93d525f2efa00a36前往演示页面选择任意元素......将状态设为 click编辑任意边界半径保持元素在其他元素中点击第一个bug：界面会变成 click 状态样式，之后又会变成正常状态第二个bug：刷新页面，正常刷新或清除缓存，你会看到样式 click 状态吗？它不会离开。我需要清除画布才能正常工作如果你按照我在视频中做的开发者工具检查所选元素，你会发现 gjs-selected 元素的样式是之前创建的 click 状态预期的行为是什么？当我更改元素时，点击时 click 状态并没有切换到所有元素目前的行为是什么？ click 状态将样式设置为 .gjs-selected 元素如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：不。行为准则 [X] 我同意遵守本项目的行为准则

回答（4）

artf• 2022年3月25日

谢谢你的报告@ronaldohoch 这个问题将在下一个版本中修复。

ronaldohoch• 2022年3月25日

@artf成功了！谢谢你 😊

ronaldohoch• 2022年3月25日

@artf我没法本地运行，因为有好几个测试都没通过，你也是这样吗？我能尝试修复它们吗？例如： ![图片]（https://user-images.githubusercontent.com/2287371/160130276-227ecfa1-e1cf-459c-971d-590ae684f209.png）

GJSBlock• 2026年5月17日

谢谢你举报，@ronaldohoch。关于每个元素中样式点击状态的错误，这个问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） =>...

在 GitHub 上查看完整讨论 →