Evento de arrastre por componentes
En tu caso, creo que sería mejor escuchar los cambios en los componentes internos (por ejemplo, ¿y si borro todos los componentes hijos?), pero actualmente no existe tal evento, así que intentaré añadirlo para la próxima versión. Debería ser algo así '''js editor.on('component:update:components', component => { Solo t...
Lee la respuesta completa abajo ↓Pregunta
Quiero saber cómo puedo hacer que ese componente se arrastre y suelte ese componente al otro componente. Necesito añadir una clase si el componente queda vacío si el elemento se arrastra y suelta en el Elemento exterior. Puedo conseguir el componente que se arrastró y en el que soltó, pero no desde donde se arrastró. Cualquier ayuda sería bienvenida.
Respuestas (3)
En tu caso, creo que sería mejor escuchar los cambios en los componentes internos (por ejemplo, ¿y si borro todos los componentes hijos?), pero actualmente no existe tal evento, así que intentaré añadirlo para la próxima versión. Debería ser algo así '''js editor.on('component:update:components', component => { Solo tienes que modificar el elemento de vista const el = component.getEl(); const hasChildren = component.components().length; el.classListhasChildren ? 'remove' : 'add'; })
@YashPrince ¿cómo conseguiste el ID del componente arrastrado y dónde se dejó caer
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1951
[PREGUNTAS] cambiar o añadir evento en añadir componente desde bloque
¿es posible? Cambia el evento de arrastrar y soltar a al hacer clic al añadir un nuevo componente, quiero añadir componentes haciendo clic...
Issue #668
Cuando no esté disponible seleccionar un elemento, sugiere pasar el cursor y hacer clic en evento seleccionará el padre disponible.
Hola @artf, ¿puedo tener una mejora para el comando de selección? Cuando el cursor haga clic o pase el cursor sobre el elemento que no es s...
Issue #461
La barra de herramientas RTE aparece en el panel superior
Hola, Recientemente actualizamos GrapesJS de la versión 0.8.8 a la 0.12.15. Después de la actualización, vi que la barra de herramientas de...
Issue #423
Resaltando el componente
Hola, ¿Alguna idea de cómo resaltar el componente en el contenedor al pasar el cursor por el gestor de capas? Creo que esto es como la inve...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.