Issue #1420💬 RespondidoAbierto el 12 de septiembre de 2018por sureshDurai123Reacciones 0

Personalizando el bloque (bloque de sección) mientras lo arrastras

Respuesta rápidapor nojacko

Si tus secciones siempre requieren 1 o 2 columnas, ¿por qué no eliminar los bloques de sección y columnas? En su lugar, añadir nuevos bloques para "sección con 1 columna" y "sección con 2 columnas" y guardar el pop-up?

Lee la respuesta completa abajo ↓

Pregunta

Hola, he visto que había dos bloques separados para añadir 'secciones' y 'columnas'. Tenemos un flujo como cuando arrastramos una sección al lienzo para mostrar una ventana emergente en el que podemos seleccionar manualmente la sección como una sección de una columna o dos columnas, ¿cómo lo logramos?

Y también hemos visto el método editor.on('component:selected' que se activa al soltar el bloque, es que necesitamos usar esto para personalizar la separación de secciones y luego cómo hacerlo.

Gracias de antemano

Respuestas (3)

nojacko12 de septiembre de 2018

Si tus secciones siempre requieren 1 o 2 columnas, ¿por qué no eliminar los bloques de sección y columnas? En su lugar, añadir nuevos bloques para "sección con 1 columna" y "sección con 2 columnas" y guardar el pop-up?

sureshDurai12312 de septiembre de 2018

Sí, solo es posible. Pero tenemos el requisito de mostrar una sección única al cliente y, según su popup de pick-in, solo tenemos que dividirla.

nojacko12 de septiembre de 2018

Vale. En ese caso, es el evento 'canvas:drop'. Conecta con eso, comprueba que es una sección y abre tu modal. No sé cómo insertas las columnas, pero espero que esto ayude.

    editor.on('canvas:drop', (dataTransfer, model) => {
        si (model.is('section')) { // <-- podría no llamarse 'section' 
            Abre tu modal y haz lo tuyo...
        }
    });

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.