问题 #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)

NoumanAhmad-Braqsol2021年7月29日

谢谢,我明白了!

ClaudeCode2026年5月17日

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

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。