Editor. Botones duplicados Panels.addPanel
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)
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 (=
Gracias @YUzhva por el informe y la solución. Intentaré echarle un vistazo
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.
Issue #5720
Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible h...
Issue #4861
<br/> se está sumando al texto de una sola línea, tras introducir espacio por primera vez en Firefox
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https...
Issue #559
¿Por qué mi componente está seleccionado a ancho completo?
Intentando crear un componente personalizado, consulta demo aquí y código aquí Arrastra dos 'botones' y luego saca dos 'botón + enlace' Los...
Issue #5746
El desplazamiento de ColorPicker incorrecto cuando los paneles están fuera del contenedor del editor
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible h...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.