Trying to add onClick attribute to component
谢谢你举报，@tmrowe123。 感谢你分享关于尝试在组件中添加onClick属性的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。
阅读下方完整回答 ↓问题
你好， 我对这个很棒的项目还比较新，但我正在尝试在从dropMenu选中组件ID后，更改另一个组件onClick的显示。我在选择 dropMenu 特性后，试图为组件添加 onClick 属性遇到了困难。我似乎无法从 addAttributes（） 中访问 dropMenu 特性的值。我也无法使用外部的 addAttributes（） 变量，比如 'var comp = document.getElementById（this.get（“traits”）.where（{name： “dropMenu”}）[0].get（“value”）'，包括 editor.getSelected（）。 提前感谢大家 '编辑。Components.addType（'link'， { isComponent： （el： any） => {if （el.tagName === 'a'）{ 返回 {类型：“链接”} }}, model： dModel.extend（{ init（） { this.listenTo（this， 'change：attributes：dropMenu'， （） => { this.addAttributes（{'onClick'： 'document.getElementById（this.get（“traits”）.where（{name： “dropMenu”}）[0...
回答（1）
谢谢你举报，@tmrowe123。 感谢你分享关于尝试在组件中添加onClick属性的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。
相关问答
通过相似的问题讨论继续研究。
问题 #4796
Custom Traits not Updating if using mjml
这种方法对普通HTML来说是正常的。但当我尝试用MJML来标记MJ-IMAGE标签时， SRC在TR标签中是更新的，但在TR标签内的img标签中没有更新 下方图片 ![截图来自2022-12-21 13-32-13（1）]（https://user-images.githubu...
问题 #3688
How to customize a component
我 https://grapesjs.com/docs/modules/Components.html#define-custom-component-type 读了这份文档，并尝试编写以下代码。我想让“mj-body”无法删除： 但我看不到效果，请帮帮我
问题 #3262
Parse styles to a Css string
你好@artf！ “JavaScript “编辑”： { “CSS”： “* { 框大小：border-box; }#wrapper{字体家族：Helvetica，Arial Black，无衬线;color：#9500b3;}“， “html”：“<div id=\”iecr\...
问题 #5232
工作者 - 无头“文档未定义”
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 114.0.5735.133 可复制演示链接 不可能添加工蚁来繁殖。 描述一下那个虫子 如何复现这个漏洞？添加一名网页工作人员。在工作者内部设置“无头”选项初始化 GrapesJS 。添...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
教程
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
浏览插件分类
直接跳转到市场上的插件分类页面。