问题 #3316💬 已回答提出于 2021年3月5日作者 am1rb1 个反应

编辑器不会移除死稿块

快速解答作者 Ju99ernaut❤ 1

我无法复现这个，也许你能提供更多关于自定义组件的信息，无论如何我怀疑这是存储相关的问题。你是先存储然后加载生成的HTML页面吗？

问题

版本： 0.16.34 你能重现演示中的bug吗？ [ ] 是的 [x ] 不据我了解，导入代码对话框跳过了所有HTML脚本，所以我无法在演示中重现这个问题预期的行为是什么？编辑者必须先移除失效脚本块，才能在生成的HTML末尾添加新的脚本块详细描述那个漏洞* 我在项目中用脚本（https://grapesjs.com/docs/modules/Components-js.html）定义了一个组件。当我将这个组件添加到编辑器并保存模板时，编辑器生成 HTML，并在正文末尾附加一个脚本块以启动相关组件。输出的HTML大致是这样的： '''html <head>  <script>/ 附加的脚本块用来启动我的自定义组件 /</script> </head> 如果我重复这种行为，它会在模板里附加一个新的脚本块，导致最终模板上有很多死代码。 '''html <head>  <script>/ 死剧本1 /</script> <script>/ 死剧本2 /</script> <script>/ .... /</script> <script>/ 一个新脚本块来启动我的自定义块 */</script> </head> ```

回答（4）

Ju99ernaut• 2021年3月6日

我无法复现这个，也许你能提供更多关于自定义组件的信息，无论如何我怀疑这是存储相关的问题。你是先存储然后加载生成的HTML页面吗？

Andrew-Chen-Wang• 2021年3月5日

通常内联脚本会放在正文底部。试着把它放那里？

am1rb• 2021年3月5日

我自己不添加任何内容。编辑器会在生成的HTML末尾添加与组件相关的脚本，并添加一个新的脚本标签。请查看这个文件： https://github.com/artf/grapesjs/blob/dev/src/editor/model/Editor.js#L513 我觉得这里可能有问题。编辑器会添加新的脚本块，但不会移除旧的。

ClaudeCode• 2026年5月17日

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

在 GitHub 上查看完整讨论 →