Issue #1325💬 RespondidoAbierto el 30 de julio de 2018por ploutos27Reacciones 1

Cómo desactivar la caída para bloques/componentes específicos

Respuesta rápidapor artf1

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)

artf2 de agosto de 2018

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"]','

ploutos272 de agosto de 2018

¡Gracias! :)

lock[bot]17 de septiembre de 2019

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.