如何在已经插入的组件上添加自定义名称?
我可以通过添加 data-gjs-custom-name=“myname” 来实现。 用“name”代替“custom-name”(这个名字用于编辑图层),所以“data-gjs-name=”myname“。比如说,怎么可能在所有 h1 上都给名字? 你可以创建一个自定义组件来扩展H1元素的定义,这样这个定义会应用到所有H1(甚至是最近添加的),或者你也可以只在画布中的组件上进行交互式操作 “''js editor.getWrapper().find('h1').forEach( component => component.set('name', 'Name H1') ) ```
阅读下方完整回答 ↓问题
你好......
我需要在我的组件上自定义AF名称。我可以通过添加 data-gjs-custom-name=“myname”来实现,但对于已经插入的元素,我该怎么做?
我试着编辑。SelectorManager.getAll().each(selector => $('h1').attr(“data-gjs-custom-name”,“h1”));
但这并没有起作用。 比如说,怎么可能在所有 h1 上都写一个名字?
回答(1)
我可以通过添加 data-gjs-custom-name=“myname” 来实现。 用“name”代替“custom-name”(这个名字用于编辑图层),所以“data-gjs-name=”myname“。比如说,怎么可能在所有 h1 上都给名字? 你可以创建一个自定义组件来扩展H1元素的定义,这样这个定义会应用到所有H1(甚至是最近添加的),或者你也可以只在画布中的组件上进行交互式操作 “''js editor.getWrapper().find('h1').forEach( component => component.set('name', 'Name H1') ) ```
相关问答
通过相似的问题讨论继续研究。
问题 #3123
Add 'inline-flex' to display selector in Style Manager
你想给GrapesJS添加什么? 显示风格“内联弹性”。 描述: 目前,样式管理器的显示选择器只有“flex”作为选项,但与“block”和“inline-block”一样,有“inline-flex”是有用的。 当我尝试用这个(破解?)手动添加时: 我能得到结果,但有很多由“...
问题 #6365
样式管理器未能正确解释后裔选择器
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4...
问题 #5154
TS2416:类型为“PropertyStack”中的属性“_up”不可分配给基类型“PropertyComposite”中的同一属性<PropertyStackProps>
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? ---- 可复制演示链接 https://codesandbox.io/p/sandbox/pensive-browser-mfhxp8 描述一下那个虫子 如何复现这个bug?创建Angul...
问题 #5020
在视图面板按钮更改标题属性无法持久
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? 铬可复制演示链接 https://jsfiddle.net/em9kt2Lb/描述一下那个虫子 如何复现这个漏洞? 在编辑器加载时实现下面的代码 预期的行为是什么? 按钮标题会变,也会保持变...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。