Cómo desactivar la caída para bloques/componentes específicos
A partir de https://github.com/artf/grapesjs/releases/tag/v0.14.17 obtienes 'data-gjs-type' en todos los componentes renderizados, por lo tanto puedes hacer algo así: 'droppable: '[data-gjs-type="columna"], [data-gjs-type="otro"]','
Lee la respuesta completa abajo ↓Pregunta
Hola,
Con el siguiente código podemos indicar si es posible eliminar otros(s) componentes(s) dentro de ese componente en particular...:
/* Componente */
blockManager.add('component', {
label: '<div class="gjs-block-label">COMPONENT'</div>,
Atributos: { Clase: 'GJS-Fonts GJS-F-B3' },
Contenido: {
nombre: 'Componente',
clases: ['componente'],
Tipo: 'Componente',
Droppable: falso,
componentes: 'Este es el componente'
}
});
Queremos indicar si es posible eliminar solo otros componentes para bloques específicos.
Por ejemplo:
R. Bloque de contenedor: > queremos eliminar solo columnas B. Bloque de columnas - > queremos eliminar solo columnas y componentes
Pensamos que podríamos hacerlo usando una matriz de selectores que se pudieran colocar dentro (según dice la documentación), pero desafortunadamente no funciona:
/*Columna*/
blockManager.add('column', {
label: '<div class="gjs-block-label">COLUMN'</div>,
Atributos: { Clase: 'GJS-Fonts GJS-F-B1' },
Contenido: {
nombre: 'Columna',
Clases: ['columna'],
tipo: 'columna',
Droppable: ['columna', 'componente'],
componentes: '',
}
});
¿Alguna idea? ¡Gracias!
Respuestas (3)
A partir de https://github.com/artf/grapesjs/releases/tag/v0.14.17 obtienes 'data-gjs-type' en todos los componentes renderizados, por lo tanto puedes hacer algo así: 'droppable: '[data-gjs-type="columna"], [data-gjs-type="otro"]','
¡Gracias! :)
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 #1817
Cambiar el contenido HTML mientras el bloque se renderiza en el editor
Hola @artf Tengo un bloque en el gestor de bloques como Según el script anterior dentro del bloque, quiero añadir contenido HTML dinámico m...
Issue #1505
añadir filas y secciones que no funcionan
Estoy integrando Grapejs con Angular6. Pero no funciona significa que no aparece en bloques Estoy usando el siguiente código
Issue #1912
[PREGUNTA] Componentes personalizados hijos por defecto
Hola, Estoy intentando entender cómo puedo lograr lo siguiente.Crear un componente con un contenido predeterminado como hijos.Crea un bloqu...
Issue #1401
Ayuda para crear componente
Hola, Necesito hacer dos cosas:Necesito un componente para crear un botón con id específico y desactivar editar el id.Define una etiqueta 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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.