问题 #2621💬 已回答提出于 2020年3月4日作者 yuzhva1 个反应

编辑。Panels.addPanel 重复按钮

快速解答作者 yuzhva1

关闭了问题,因为我找到了另一个解决方案: “JavaScript const panelCustom = editor.Panels.addPanel({ ID:“panelcustom”, EL:“.panelcustom” }); const panelCustomButtons = panelCustom.get('buttons'); panelCustomButtons.add(topBarButtonsCenter); ``` 但关于“编辑”的问题。Panels.addPanel({ buttons: [] });' 仍然存在 (=

阅读下方完整回答 ↓

问题

在创建自定义插件时,如果是“编辑器”。Panels.addPanel' 使用了 Inside 插件功能——按钮是重复的。

示例: https://jsfiddle.net/kncdah8b/

按钮不重复:

  • 使用单一“Panels.addButton”接口,同时单独循环按钮
  • 在编辑器后添加面板时,创建了“const editor = grapesjs.init({})”

目前,我正在用下一个方法来避免出现重复: “JavaScript function gjsPlugin(editor) { editor.on('load', () => { 编辑。Panels.addPanel({ ID:“自定义面板”, EL: '.custom-panel', 按钮:[ { ID:“PANEL_ACTION。摘录, 类名:'fa fa-code', 命令:“export-template”, attributes: { title: '查看代码' } } ] }); }); }

回答(3)

yuzhva2020年3月6日

关闭了问题,因为我找到了另一个解决方案: “JavaScript const panelCustom = editor.Panels.addPanel({ ID:“panelcustom”, EL:“.panelcustom” }); const panelCustomButtons = panelCustom.get('buttons'); panelCustomButtons.add(topBarButtonsCenter); ``` 但关于“编辑”的问题。Panels.addPanel({ buttons: [] });' 仍然存在 (=

artf2020年3月7日

感谢@YUzhva的报告和解决方案。我会试着去看看

hellocaio2020年6月25日

我也是,我也测试了文档里面板示例(入门),但总是出现重复按钮。@yuzhva方案有效,谢谢:)

相关问答

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

问题 #6409

手机上无法拖动移动组件

葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞? 用grapesjs v0.22.x和grapesjs...

4 个回答更新于 2025年6月23日

问题 #4572

页面更新事件没有触发

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞?初葡萄创建事件处理程序,用于页面更新时使用。更新页面观察事件处理程序未触发...

4 个回答更新于 2025年3月6日

问题 #4601

在切换某些目标时,添加到样式管理器的自定义类型 update() 不再被触发。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞?打开 jsfiddle 链接。点击两个div之间,然后在任一div和背景...

4 个回答更新于 2022年9月25日

问题 #3779

Editor.getSelected().toHTML() 编码内联 JavaScript

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 最新款(镀铬)可复制演示链接 https://jsfiddle.net/4j1k0wde/24/描述一下那个虫子 如何复现这个漏洞?创建带有脚本标签的方块。使用 'editor.getSelected...

3 个回答更新于 2021年9月22日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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