问题 #3731💬 已回答提出于 2021年8月27日作者 gustavohleal1 个反应

文本元素在事件扩展后无法重复选择

快速解答作者 gustavohleal❤ 1

这其实就是问题所在。谢谢你的回复。我会关闭这期刊物。

问题

版本：0.17.25 你能重现演示中的bug吗？[ ] 是的[x] 不预期的行为是什么？通过在视图中添加事件来更新现有的类型文本组件。详细描述那个漏洞事件正在添加，但一旦我选择了另一个组件，就无法回到第一个组件。该版本只能提交一次。你能附上截图、截屏或实时演示吗？**[x] 是（附上）[ ] 不首先，我想扩展文本类型组件，添加一个事件来监听输入内容。 “JavaScript 导出默认（编辑器，opts = {}） => { const domc = 编辑。主导组件; domc.addType（'text'， { 浏览量：{ 事件：{ 按键：（e） => { console.log（“某些代码”） } } }, }); }; ``` 即使我只留下像“events：{}'这样的空属性，bug依然存在。当我第一次添加组件时，事件是： ![图片]（https://user-images.githubusercontent.com/22385451/131032469-0dbfb1d8-4358-4c45-ba08-3e5cf446e5de.png）然后，一旦我取消选中该组件并尝试再次选择他： ![图片]（https://user-images.githubusercontent.com/22385451/131032648-f4e23f46-59a9-468a-a601-...

回答（4）

gustavohleal• 2021年8月30日

这其实就是问题所在。谢谢你的回复。我会关闭这期刊物。

ronaldohoch• 2021年8月27日

+1:D 我们正在努力解决这个问题 https://github.com/artf/grapesjs/issues/1136

因为用 ckeditor 还是会出现这个问题。 ![图片]（https://user-images.githubusercontent.com/2287371/131171028-4e03e610-2335-4b9a-9f15-081b8c6c33f8.png）

artf• 2021年8月30日

“事件”不会自动合并到扩展组件中，所以你必须手动操作。 “''js 事件：{ ...domc.getType（'text'）.view.prototype.events，按键：（e） => {...} }

GJSBlock• 2026年5月17日

谢谢你举报，@gustavohleal。文本元素在事件扩展后无法重复选择的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →