Cuestión para crear un bloque de "2 columnas"
Deberías añadir el estilo adecuado para ver algo, prueba con algo así '''js blockManager.add('the-row-block', { etiqueta: '2 Columnas', Contenido: ' <div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row"> <div class="row-cell" data-gjs-draggable=".row"></div> <div class="row-cell" data-gjs-draggabl...
Lee la respuesta completa abajo ↓Pregunta
Hola, tengo un nuevo problema, estoy siguiendo el tuto y quiero crear el bloque "2 columnas" (o más). Intento usar (y entender, por eso no quiero usar grapesjs-blocks-basic) esta parte del código:
blockManager.add('the-row-block', {
etiqueta: '2 Columnas',
contenido: '<div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row">' +
'<div class="row-cell" data-gjs-draggable=".row"></div>' +
'<div class="row-cell" data-gjs-draggable=".row"></div>' +
'</div>',
})
Pero no sé qué tengo que hacer en la clase ".row" y ".row-cell" para que este ejemplo funcione... Pruebo algunos estilos pero no aparece nada y es imposible arrastrar algo dentro, aunque los elementos existen en los paneles de capas. ! bug_columns
¡Gracias por la ayuda!
Respuestas (2)
Deberías añadir el estilo adecuado para ver algo, prueba con algo así '''js blockManager.add('the-row-block', { etiqueta: '2 Columnas', Contenido: ' <div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row"> <div class="row-cell" data-gjs-draggable=".row"></div> <div class="row-cell" data-gjs-draggable=".row"></div> </div> <style> .row { pantalla: flex; Justificar-contenido: Inicio flexible; Alinear-ítems: estiramiento; Flex-wrap: sin wrap; relleno: 10px; Altura mínima: 75px; } .row-cell { flex-grow: 1; Base flexible: 100%; relleno: 5px; } </style> `, })
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 #1897
[Pregunta] vista vs código
Hola... ¡Y perdón por mi inglés! Antes que nada, enhorabuena por este marco. Estoy intentando usar GrapeJS para crear mi propio editor de W...
Issue #1611
Etiqueta de script crear error JSON
Hola. Estoy creando bloques en Grapesjs y necesito usar JS en ellos para el efecto de hover y más... Todo funciona bien para la creación, a...
Issue #2014
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
Issue #2013
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
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.