像按钮上的Onclick事件这样的内联事件声明正在被移除
这是出于安全考虑,但你可以用“config.parser.optionsHtml.allowUnsafeAttr”选项禁用它(风险自负):https://github.com/GrapesJS/grapesjs/blob/819bfcf44bb23d51990eba3b4330e9932df59cde/src/parser/config/config.ts#L116
阅读下方完整回答 ↓问题
GrapesJS 版本
- 我确认使用最新版本 GrapesJS
你用的是什么浏览器?
铬
可复制演示链接
https://jsfiddle.net/6bn43a05/
描述一下那个虫子
如何复现这个漏洞?
- 为HTML标签添加点击事件
预期的行为是什么? 加载到编辑器后不应该删除该事件
目前的行为是什么? 它会从 HTML 中移除点击事件
如果需要执行某些代码以重现该漏洞,请将其粘贴到下面:
// no need to include extra code
同样的问题在这里报告: https://stackoverflow.com/questions/78496572/grapesjs-移除点击属性如何防止-做-做

行为准则
- 我同意遵守本项目的行为准则
回答(2)
这是出于安全考虑,但你可以用“config.parser.optionsHtml.allowUnsafeAttr”选项禁用它(风险自负):https://github.com/GrapesJS/grapesjs/blob/819bfcf44bb23d51990eba3b4330e9932df59cde/src/parser/config/config.ts#L116
你遇到的问题是, onclick 属性在加载到 GrapesJS时从 HTML 元素中被移除,这是 GrapesJSHTML净化流程中的一个有意设计的安全功能。 GrapesJS,像许多现代HTML编辑器一样,会去除潜在不安全的属性和标签,以防止跨站脚本(XSS)漏洞,并维护其组件模型的干净、可预测的DOM结构。 像 onclick、 onload、 onerror等内联事件处理程序,通常被认为是现代网页开发中的不良做法,原因在于安全性问题和关注点分离(结构用 HTML,风格用 CSS,行为用 JavaScript)。 GrapesJS的解析器设计用来移除这些处理程序,以强制执行更安全、更易...
相关问答
通过相似的问题讨论继续研究。
问题 #6318
无法在Block media svg中使用透明填充
GrapesJS 版本[X] 我确认使用最新版本 [email protected] 本问题提交时间你用的是什么浏览器? Firefox 132,Chrome 131可复制演示链接 https://jsfiddle.net/x54f9v68/1/描述一下那个虫子 如...
问题 #6659
符号样式未同步
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 145.0(64位) 可复制演示链接 https://jsfiddle.net/arturarseniev/ta19s6go/ 描述一下那个虫子 如何复现这个漏洞? 进入官...
问题 #6152
通过自定义代码添加的CSS在移除自定义代码组件后依然存在
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 任何 可复制演示链接 https://grapesjs.com/演示 描述一下那个虫子 如何复现这个漏洞?添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什...
问题 #5378
未捕获类型错误:在图层管理器面板拖动组件时无法读取未定义属性(读取“Canvas”)。
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v116.0.5845.97 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?从画布中选择任意组件打开图层...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
教程
2026年构建一个SaaS页面构建器需要多少钱?
2026年构建一个SaaS页面构建器的成本是多少?探索实际的开发成本、时间表、功能,以及使用 GrapesJS 如何降低成本
浏览插件分类
直接跳转到市场上的插件分类页面。