如何利用特质更改标签名。
我稍微查了一下网络后解决了这个问题。添加这个特质 “''js 特质:[ { 类型:“选择”, 选项:[ { 值:'h1', 名称:'标题1' }, { 值:'h2', 名称:'标题2' }, { 值:'h3',名称:'标题3'}, { 值:'h4',名称:“航向4'}, { 值:'h5',名称:'航向5' }, { 值:'h6',名称:'航向6' }, ], 标签:“尺寸”, 名称:“tagName”, 变革提案:1, }, ], ```
阅读下方完整回答 ↓问题
你好, 我想实现这一点: 当用户点击标题标签_H1,H2,H3 ..._ 时,我希望出现一个特征(选择/下拉选单类型),可以更改标题的标签名
回答(3)
我稍微查了一下网络后解决了这个问题。添加这个特质 “''js 特质:[ { 类型:“选择”, 选项:[ { 值:'h1', 名称:'标题1' }, { 值:'h2', 名称:'标题2' }, { 值:'h3',名称:'标题3'}, { 值:'h4',名称:“航向4'}, { 值:'h5',名称:'航向5' }, { 值:'h6',名称:'航向6' }, ], 标签:“尺寸”, 名称:“tagName”, 变革提案:1, }, ], ```
@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'...
嗨,我也在努力做同样的事! 我的问题是,当我点击“特质”中的某个选项时,我的标题元素不会更新成新的标题! 你能帮我吗?
相关问答
通过相似的问题讨论继续研究。
问题 #3770
:改进并修复绝对拖拽模式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v93 可复制演示链接 https://codepen.io/damnslow/pen/yLXXOxQ 描述一下那个虫子 如何复现这个漏洞?选择两个元素使用拖曳图标拖曳 预期的行为是...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #3622
I18n 功能
版本: 最新 你能重现演示中的bug吗?[] 是的[ ] 不 预期的行为是什么? 给编辑。I18n.setLocale(“es”)在运行时工作。 详细描述那个漏洞 我不知道这是不是个bug,或者本来就不应该这样,另外,我对Backbone了解不够,不知道是否可行,但当使用编辑器...
问题 #6663
符号在逐步加载页面时会断裂(实例丢失__symbol链接)
这里有一段展示这个bug的视频: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。