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
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.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.