问题 #2188✓ 已解决提出于 2019年8月11日作者 TheComputerM4 个反应

如何利用特质更改标签名。

快速解答作者 TheComputerM2

我稍微查了一下网络后解决了这个问题。添加这个特质 “''js 特质:[ { 类型:“选择”, 选项:[ { 值:'h1', 名称:'标题1' }, { 值:'h2', 名称:'标题2' }, { 值:'h3',名称:'标题3'}, { 值:'h4',名称:“航向4'}, { 值:'h5',名称:'航向5' }, { 值:'h6',名称:'航向6' }, ], 标签:“尺寸”, 名称:“tagName”, 变革提案:1, }, ], ```

阅读下方完整回答 ↓

问题

你好, 我想实现这一点: 当用户点击标题标签_H1,H2,H3 ..._ 时,我希望出现一个特征(选择/下拉选单类型),可以更改标题的标签名

回答(3)

👍 最有帮助TheComputerM2019年8月11日

我稍微查了一下网络后解决了这个问题。添加这个特质 “''js 特质:[ { 类型:“选择”, 选项:[ { 值:'h1', 名称:'标题1' }, { 值:'h2', 名称:'标题2' }, { 值:'h3',名称:'标题3'}, { 值:'h4',名称:“航向4'}, { 值:'h5',名称:'航向5' }, { 值:'h6',名称:'航向6' }, ], 标签:“尺寸”, 名称:“tagName”, 变革提案:1, }, ], ```

Buddhilive2024年5月6日

@hosseinghs试试这个方法。这和@TheComputerM之前实现代码的方式是一样的。而且效果很好。 “''t” this.editor.Components.addType('headings', { isComponent: el => el.tagName.startsWith('H') && Number.parseInt(el.tagName.slice(1)) <= 6, 型号:{ 默认值:{ 特质:[ { 类型:“选择”, 选项:[ { id: 'h1', value: 'h1', name: 'Heading 1' }, { id: 'h2', value: 'h2'...

hosseinghs2022年9月18日

嗨,我也在努力做同样的事! 我的问题是,当我点击“特质”中的某个选项时,我的标题元素不会更新成新的标题! 你能帮我吗?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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