Personalizando el bloque (bloque de sección) mientras lo arrastras
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)
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?
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.
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.
Issue #969
[BUG] Bloque de vídeo - Opción de bucle
Hola a todos, He notado que cuando arrastras y soltas un bloque de vídeo en el lienzo, eliges YouTube, añades el ID de vídeo correcto y mar...
Issue #1303
Necesito añadir un bloque de carrusel con el deslizador flexible
Hola, artf Me gustaría añadir un nuevo bloque con un control deslizante personalizado; cuando el usuario arrastró el deslizador a Canvas, n...
Issue #535
Nueva sección en Ver contenedor
Hola, Quiero añadir una nueva sección en el contenedor de la vista. Digamos que cuando hacemos clic en Gestor de estilos se abre el gestor...
Issue #1720
[PREGUNTA] Cómo añadir el botón en rasgos personalizados
Hola, intento añadir un botón a mis rasgos personalizados para mis bloques personalizados pero no funciona bien como esperaba y También hay...
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.