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

问题 #2597💬 已回答提出于 2020年2月24日作者 ikenderham0 个反应

如何在已经插入的组件上添加自定义名称?

快速解答作者 artf

我可以通过添加 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)

artf• 2020年3月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”是有用的。 当我尝试用这个(破解?)手动添加时: 我能得到结果,但有很多由“...

4 个回答更新于 2025年8月18日

问题 #6365

样式管理器未能正确解释后裔选择器

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4...

4 个回答更新于 2025年1月11日

问题 #5154

TS2416:类型为“PropertyStack”中的属性“_up”不可分配给基类型“PropertyComposite”中的同一属性<PropertyStackProps>

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? ---- 可复制演示链接 https://codesandbox.io/p/sandbox/pensive-browser-mfhxp8 描述一下那个虫子 如何复现这个bug?创建Angul...

4 个回答更新于 2023年6月15日

问题 #5020

在视图面板按钮更改标题属性无法持久

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? 铬可复制演示链接 https://jsfiddle.net/em9kt2Lb/描述一下那个虫子 如何复现这个漏洞? 在编辑器加载时实现下面的代码 预期的行为是什么? 按钮标题会变,也会保持变...

2 个回答更新于 2023年4月5日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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