问题 #4601💬 已回答提出于 2022年9月21日作者 bit-ocean1 个反应

在切换某些目标时，添加到样式管理器的自定义类型 update（）不再被触发。

快速解答作者 ronaldohoch❤ 1

和这里描述的一样，没问题：https://github.com/artf/grapesjs/issues/4350

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子如何复现这个漏洞？打开 jsfiddle 链接。点击两个div之间，然后在任一div和背景之间点击。预期的行为是什么？在较早的 grapesjs 版本（0.17.26）中，更新会被触发，控制台会记录点击，执行 update（）的代码。目前的行为是什么？在 grapesjs的0.20.1版本中，切换不同目标时至少不会触发更新，1.组件无属性值，2.组件值相同，... JS： HTML：这是有意为之的破坏性变更还是个bug？行为准则 [X] 我同意遵守本项目的行为准则

回答（4）

ronaldohoch• 2022年9月21日

和这里描述的一样，没问题：https://github.com/artf/grapesjs/issues/4350

artf• 2022年9月22日

是的，但即使是自定义UI，如果值没变，更新也会被跳过，因为没必要。

bit-ocean• 2022年9月22日

我粘贴的代码是用标准API，基本上是从文档里复制粘贴的。显然，更新的机制在不同版本之间已经发生了变化。

之前如果目标元素被更改，更新会被触发，我们可以运行代码在特定条件下重新渲染组件。@artf你现在会提出什么最佳替代策略？我应该添加自定义监听器来针对变更事件吗？你有什么建议的实现方式，才能确保更好地跟进Grapesjs的核心变更？

简而言之，当目标被更改时，我需要能够调用可调用的对象，同时获取并设置自定义类型输入的值。

GJSBlock• 2026年5月17日

感谢你报告，@bit-ocean。关于添加自定义类型的 update（）在切换某些目标时不再触发，这个问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：...

在 GitHub 上查看完整讨论 →