Crear barra de herramientas en la parte inferior
Si haces esa celda como un componente personalizado, puedes manipular su 'Vista' '''javascript const comps = editor. DomComponents comps.addType('cell', { isComponent(el) {...}, modelo: {...}, Vista: { eventos: { 'haz clic en #extra-toolbar': 'hacerAlgo' }, onRender() { const el = this.$el el.append('<button id="extra...
Lee la respuesta completa abajo ↓Pregunta
¿Puedo crear una nueva barra de herramientas que esté situada en la parte inferior (como muestra el cursor) cuando selecciono el componente? Gracias ! Screenshot_2
Respuestas (3)
Si haces esa celda como un componente personalizado, puedes manipular su 'Vista' '''javascript const comps = editor. DomComponents comps.addType('cell', { isComponent(el) {...}, modelo: {...}, Vista: { eventos: { 'haz clic en #extra-toolbar': 'hacerAlgo' }, onRender() { const el = this.$el
el.append('<button id="extra-toolbar">botón extra</button>') }, doSomething() { alerta ('clic en la barra de herramientas') } } })
PD: esta nueva sintaxis requiere la versión 0.14.50+
No solo en la celda, sino en todos los componentes
Por supuesto, puedes aplicar la misma técnica a cualquier componente.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1928
[PREGUNTAS] Cambia el evento Onclick a pasar el cursor al seleccionar objetos
¿Puedo cambiar el evento 'onclick' a 'pasar el cursor al seleccionar objetos y mostrar una barra de herramientas? ! flotando
Issue #1870
[PREGUNTAS] establecer data-gjs-type en la etiqueta i (Por qué el componente no funciona)
Cuando añado bloque (etiqueta i), el tipo de data-gjs es "I" (no hay problema con el rasgo que creé) ! screenshot5 Tengo un rasgo ! screens...
Issue #1204
El error desconocido $jscomp no está definido en uploadFile
Estoy enfrentando un error extraño que no puedo rastrear correctamente. Ocurre cuando arrastro y suelto una imagen para subirla. ! imagen C...
Issue #1843
No se aplican clases en diferentes estados a esos estados.
Estoy intentando aplicar una clase en el paso del cursor de un componente y la clase se está aplicando, pero no en el surcurso, se aplica c...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.