El estado par/impar no funciona como se espera
Creo que deberías aplicar par/impar en los componentes de texto si esperas colores diferentes en ellos. Con Par/Impar aplicado en la columna, el efecto será visible con varias columnas. Cierro esto porque no es un bug, sino cómo funciona ':nth-of-type'
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 106.0.5249.91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastra el bloque de "1 columna"Añadir cuatro bloques de "Texto" a la columnaSelecciona la columna y elige el estado "Par/impar" y luego cambia el color en la sección de tipografía a rojo ¿Cuál es el comportamiento esperado? Los elementos pares o impares deben tener color rojo mientras que todos los bloques de texto son rojos <img width="1486" alt="Captura de pantalla 2022-10-06 a...
Respuestas (2)
Creo que deberías aplicar par/impar en los componentes de texto si esperas colores diferentes en ellos. Con Par/Impar aplicado en la columna, el efecto será visible con varias columnas. Cierro esto porque no es un bug, sino cómo funciona ':nth-of-type'
Gracias por informar de esto, @javadsamiee. Buena pregunta sobre *estados pares/impares que no funcionan como se espera. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #6116
AsDocument no funciona como se espera
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 128 Enlace de demo reproducible ht...
Issue #4148
0.18.2 / 0.18.3 elimina todo activo... Atributos HTML cuando el bloque se arrastra y solta en el constructor
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v99Enlace de demo reproducible https...
Issue #4506
Error en el bloque de arrastre con modo de arrastre: absoluto
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v103 Enlace de demo reproducible h...
Issue #4094
Cuando arrastro y suelta bloques en el editor de Chrome, no se puede arrastrar y soltar bloques
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 97.0.4692.71 (Versión oficial) (6...
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.
Tutorial
PageKit: the GrapesJS application you'd have to build anyway
A source-available Next.js app around the open-source GrapesJS core — publishing, custom domains, leads, checkout and a plugin loader.
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.