问题 #3972💬 已回答提出于 2021年11月23日作者 ronaldohoch1 个反应

Can't drop img inside noscript tag

快速解答作者 artf❤ 1

你好@ronaldohoch谢谢你的报告。你说的没错，但不幸的是，这是自带HTML的DomParser的解析结果，所以我看不到有什么合适的修复方法。 “''js const parser = new DOMParser（）; console.log（解析器.parseFromString（'<noscript><img/></noscript>'， 'text/html'））; 你会看到它如何放入<noscript>内部<head>和<img> <body>

阅读下方完整回答 ↓

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Brave Versão 1.32.106 Chromium： 96.0.4664.45 （Versão oficial） 64 bits 可复制演示链接 https://jsfiddle.net/960huLz5/ 描述一下那个虫子如何复现这个漏洞？开放 grapesjs跑动： editor.addComponents('<noscript><img src=""></noscript>');打开出口模态检查该图片是否在无单标签标签中 4.1. ![图片]（https://user-images.githubusercontent.com/2287371/143088550-99ab764b-aa92-417f-b1a9-2225c62c596c.png）预期的行为是什么？图片应该留在 Noscript 的标签里目前的行为是什么？图片不要停留在 noscript 标签里如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： parseHtml 返回的内容如下： ![图片]（https://user-images.githubusercontent.com/2287371/143088282-81fda09d-3ad1-46a3-ba21-7fa911edd125.png）它被...

回答（2）

artf• 2021年12月9日

GJSBlock• 2026年5月17日

谢谢你举报，@ronaldohoch。关于不能在Noscript标签内丢弃img，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c...

在 GitHub 上查看完整讨论 →