El selector de consultas desplegable [data-gjs-type="my-component-type"] ya no funciona
Vale, parece que la regresión se introdujo con este cambio: https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358 Lo arreglaré en la próxima entrega. Gracias por el informe
Lee la respuesta completa abajo ↓Pregunta
Hola, desde la última versión he notado que cuando uso el selector de consultas desplegable usando '[data-gjs-type="my-component-type"]' ya no parece funcionar.
He añadido dos demos de Codesandbox para mostrarte el problema. No consigo averiguar qué cambió.
¡Espero que te sirva, gracias!
Estás enviando un BUG
- ¿Estás usando la última versión (las versiones anteriores NO están soportadas)? Sí
- ¿Te estás encontrando con el problema de tu copia local de GrapesJS o con la demo actual? Última versión disponible 0.14.61.
- ¿Cuál es el comportamiento esperado? Los componentes definidos por tipo en el selector droppable detectarían y permitirían que solo se eliminaran tipos especificados.
- ¿Qué ocurre en cambio? El componente ya no se reconoce y no puede ser colocado en dicho componente.
- Si puedes reproducir el error, indica todos los pasos necesarios
1. Crear dos componentes y bloques.
- Un componente tiene el selector de atributos droppable, por ejemplo: 'droppable: ['[data-gjs-type="test-drop"]']' y el otro sería el componente que queremos arrastrar y soltar dentro del primero.
- Adjuntar capturas de pantalla (usando KAP/LICEcap), capturas de pantalla o demostraciones en directo 1. Versión que funciona con la versión anterior - 0.14.57 2. Versión que no funciona con la última versión - 0.14.61
Para probar el problema, simplemente arrastra y suelta el bloque 'TEST' en el lienzo, y luego intentar arrastrar y soltar el bloque 'TEST DROP' en el componente 'TEST'.
Respuestas (1)
Vale, parece que la regresión se introdujo con este cambio: https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358
Lo arreglaré en la próxima entrega. Gracias por el informe
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3753
Cuando copio un texto desde cualquier sitio, el gestor de estilos no funciona correctamente.
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v92 Enlace de demo reproducible https://gra...
Issue #2068
El plugin GrapesJs gradient ya no funciona
Hola equipo de GrapesJs Después de actualizar la versión de grapesjs desde la 14.0.59, noté que el plugin gradient dejó de funcionar, Tambi...
Issue #6409
No se puede arrastrar para mover componentes en móvil
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v133 Enlace de demo reproducible https://js...
Issue #4837
Los IDs de elementos HTML se incrementan en diferentes páginas cargadas en projectData
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 109 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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.