Desactiva un arrastre y solta por bloques
Desde la última versión https://github.com/artf/grapesjs/releases/tag/v0.16.12 puedes pasar la propiedad 'desactivada' a tu bloque
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Me gustaría prohibir la caída de un bloque antes que de otro en concreto. Contexto: he creado un nuevo rasgo para algunos bloques para ponerlos como "encabezado de página", y no quiero permitir arrastrar y soltar un bloque antes de este "encabezado de página" porque debe ser el primer bloque de mi plantilla.
Vi que podía escuchar sorter:drag:validation event y actualizar la propiedad válida a false desde esta perspectiva. Pero no puedo saber el orden futuro del bloque que dejaría caer.
Así que me encantaría conocer una solución a este problema.
¡Gracias de antemano :)
Respuestas (3)
Desde la última versión https://github.com/artf/grapesjs/releases/tag/v0.16.12 puedes pasar la propiedad 'desactivada' a tu bloque
Hola, Gracias por tu respuesta, pero no es mi caso. No quiero desactivar un bloque arrastrando y soltando en todo el lienzo, pero solo quiero que este bloque no se añada antes que otro componente específico.
Puedes ver si puedes lograrlo usando la propiedad 'arrastrable' (Component) o usar el evento 'bloquear:arrastrar:para' para asegurarte de que el componente dejado caer cumple los criterios necesarios y eliminarlo si no lo hace
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #543
Gestor de bloques en GrapesJS que no funciona para columnas
Hola, Mi instalación de GJS conecta todos los bloques por defecto. Cada bloque se arrastra bien en la página salvo todas las "columnas". es...
Issue #1907
[PREGUNTA]: ¿Arrastrar y soltar HTML externo en el editor?
He creado un componente que es encabezado y un elemento de bloque para él. He configurado la propiedad arrastrable como elemento html de se...
Issue #1623
Mismo diseño para todos los bloques
Hola @artf, esto en realidad no es un error, pero me gustaría preguntar Si existe algo como el diseño global para cada bloque. por ejemplo,...
Issue #2310
[PREGUNTA] ¿Cómo puedo especificar la posición para arrastrar elementos?
Hola, estoy haciendo un proyecto con esta librería y quiero especificar la posición para arrastrar componentes en ella Por ejemplo, tengo u...
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.