问题 #3604💬 已回答提出于 2021年7月9日作者 NoumanAhmad-Braqsol0 个反应

Editor.ON（'component：update：content'， model => { }}）在某些原因下无法工作

快速解答作者 artf

正如这里已经建议的 https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 避免现在这样操作，添加一个简单的默认CSS，以防元素空着

问题

如果用户删除元素中的所有文本并点击其他地方。然后再试着选择空元素，他又选不中，因为它是隐藏状态，我不知道它去哪了。所以针对这个问题，我用的是这段代码

editor.on（'component：update：content'， model => {
const val = model.get（'content'）;
if（val & val.length < 1）{
model.set（'content'， '&nbsp'）;
}
})

该代码在文本中设置空格，如果用户从元素中移除所有文本。通过这样做，这些元素不再是空元素，因此 i 不会隐藏。我们再次选择。如果用户逐个移除文本字符，则运行良好。但现在的问题是，如果用户用 CTRL + A 选择文本，然后用退格键删除。目前上述代码无法使用。有人能帮帮我吗？

回答（3）

artf• 2021年7月27日

正如这里已经建议的 https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 避免现在这样操作，添加一个简单的默认CSS，以防元素空着

NoumanAhmad-Braqsol• 2021年7月29日

谢谢，我明白了！

GJSBlock• 2026年5月17日

感谢你报告，@NoumanAhmad-Braqsol。感谢你分享关于 editor.on（'component：update：content'， model => { }}）在某些原因下无法正常工作的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：** 简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修...

在 GitHub 上查看完整讨论 →