Issue #2621💬 RespondidoAbierto el 4 de marzo de 2020por yuzhvaReacciones 1

Editor. Botones duplicados Panels.addPanel

Respuesta rápidapor yuzhva1

Cerrando el problema, ya que encontré la otra solución: '''javascript const panelCustom = editor. Panels.addPanel({ id: 'panelcustom', EL: '.panelcustom' }); const panelCustomButtons = panelCustom.get('buttons'); panelCustomButtons.add(topBarButtonsCenter); ``` Pero el problema con el 'editor. Panels.addPanel({ botone...

Lee la respuesta completa abajo ↓

Pregunta

Al crear un plugin personalizado, por si acaso, cuando se 'editor. Panels.addPanel utiliza la función de plugin interno: los botones están duplicados.

Ejemplo: https://jsfiddle.net/kncdah8b/

Los botones no se duplican:

  • al usar una sola API 'Panels.addButton' mientras que los botones de bucle por separado
  • al añadir un panel después de que se haya creado el editor 'const editor = grapesjs.init({})'

Actualmente, estoy usando el siguiente truco para evitar las duplicaciones: '''javascript function gjsPlugin(editor) { editor.on('load', () => { editor. Panels.addPanel({ id: 'panel personalizado', EL: '.panel personalizado', botones: [ { ID: 'PANEL_ACTION. EXPT', claseNombre: 'fa fa-code', comando: 'export-plantilla', atributos: { título: 'Ver código' } } ] }); }); }

Respuestas (3)

yuzhva6 de marzo de 2020

Cerrando el problema, ya que encontré la otra solución:

'''javascript const panelCustom = editor. Panels.addPanel({ id: 'panel__custom', EL: '.panel__custom' });

const panelCustomButtons = panelCustom.get('buttons'); panelCustomButtons.add(topBarButtonsCenter);


Pero el problema con el 'editor. Panels.addPanel({ botones: [] });' todavía existen (=
artf7 de marzo de 2020

Gracias @YUzhva por el informe y la solución. Intentaré echarle un vistazo

hellocaio25 de junio de 2020

Igual aquí, también probé el ejemplo de los paneles (Empezar) en la documentación y sigo apareciendo botones duplicados. @yuzhva solución funciona, gracias :)

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.