La sección debería haber problemas superpuestos presentes en grapes js
@ChiragS-Prajapati tienes que usar propiedades de componentes arrastrables/soltables para controlar dónde se pueden arrastrar componentes y cuáles pueden dejarse caer dentro.
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Versión 117.0.5938.134 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/ap404703/0e5zop1n/ Describe el bicho Ejemplo como abajo Grapes Js :- Inicializar GrapesJSconst editor = grapesjs.init({ lienzo: { Estilos: [ "https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css", "https://unpkg.com/swiper@7/swiper-bundle.min.css" ] }, styleManager: { // Configurar el Style Manager clearProperties: 1, }, blockManager: { appendTo: "#block", }, paneles: { predeterminados: [] }, con...
Respuestas (2)
@ChiragS-Prajapati tienes que usar propiedades de componentes arrastrables/soltables para controlar dónde se pueden arrastrar componentes y cuáles pueden dejarse caer dentro.
El problema que estás encontrando, donde un bloque de sección puede caer dentro de otro, es un comportamiento común en GrapesJS por defecto. GrapesJS trata elementos HTML como <div> y <section> como contenedores, permitiendo que otros componentes se aniden dentro de ellos a menos que se indique exp...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4097
MousePosFetcher en el listener de reizer config & change:style no funciona
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave V1.34.81 Enlace de demo reproducibl...
Issue #6502
El estilo en línea sobrescribe reglas CSS basadas en ID
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v135.0.7049.96 Enlace de demo reproducible...
Issue #6365
El Style Manager no interpreta correctamente los selectores descendientes
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 131.0.6778.205 Enlace d...
Issue #5746
El desplazamiento de ColorPicker incorrecto cuando los paneles están fuera del contenedor del editor
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible 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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.