PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #6603💬 已回答提出于 2025年9月4日作者 nanto1 个反应

属性值中不逃避 & 符号

快速解答作者 artf❤ 1

谢谢你提供的所有信息和细节,这很有帮助。也谢谢你的宣传。

阅读下方完整回答 ↓

问题

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v142.0.7392.0 (canary) 可复制演示链接 https://jsfiddle.net/xce183nm/1/ 描述一下那个虫子 如何复现这个漏洞? 创建一个编辑器实例,加载包含字符引用的 HTML 代码。 “''js const editor = Grapesjs.init({ 组件: '<body>&lt;p title=“&lt; &amp; &gt;”&gt;</p></body>', }); 预期的行为是什么? 属性值中的符号通过字符引用转义。“p”元素的“title”属性值被解析为“< &amp; >”。 '''html <body>&lt;p title=“&lt; &amp; &gt;”&gt;</p></body> 我们必须跳出&符号,以保持HTML解析和序列化之间的往返转换。 此外,我认为最好是小于和大于,因为: 最新浏览器在属性值上逃逸为小于和大于(例如 'const p = document.createElement('p'); p.title = '&lt; &amp; &gt;';p.outerHTML;' 输出 '&lt;p title=“&lt; &amp; &gt;”&gt;</p>''),且 有许多程序处理HTML代码,带有...

回答(2)

artf• 2025年9月12日

谢谢你提供的所有信息和细节,这很有帮助。也谢谢你的宣传。

GJS Helper• 2026年5月17日

你发现了GrapesJSHTML序列化过程中关于属性值转义的一个关键漏洞。问题源于Component模型的renderAttributes方法,它直接将属性值插入HTML字符串,而没有正确的HTML实体转义。这导致输出中出现未转义字符,如&、<和>,破坏往返一致性,并可能导致其他工具的解析问题。 根本原因 当GrapesJS解析HTML,浏览器的DOM解析器会正确解释HTML实体(例如,&lt;变为<,&amp;amp;变为&amp;)。这些未转义的值随后存储在内部Component模型的属性中。然而,在序列化过程中(调用editor.getHtml()时),Component.protot...

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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