PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Issue #5432💬 RespondidoAbierto el 29 de septiembre de 2023por mahmudzReacciones 0

Las clases md:w-3 responsivas de TailwindCSS se convierten a md:w-3

Respuesta rápidapor GJS Helper

El problema que estás encontrando, donde clases de TailwindCSS como md:w-1/2 se transforman en md:w-1-2 al cargarse en GrapesJS, proviene de la gestión interna de clases y la lógica de análisis de GrapesJS. Causa raíz GrapesJS, por defecto, procesa todos los nombres de clase encontrados en el HTML cargado para crear m...

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0.5938.132 Enlace de demo reproducible https://jsfiddle.net/bx8rtseh/2/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gestor remoto de tiendasCargar algo de html con clases tailwindCSS Ejemplo '''html <clase div="p-12 md:w-1/2 flex flex-col items-start"> Hola </div> ¿Cuál es el comportamiento actual? Nombres de clase inesperados y cambiados '''html <clase de la div"p-12 md:w-1-2 flex-col elementos-inicio"> Hola </div> ``` ! imagenCódigo de conducta [X] Acepto seguir el Códi...

Respuestas (1)

GJS Helper17 de mayo de 2026

El problema que estás encontrando, donde clases de TailwindCSS como md:w-1/2 se transforman en md:w-1-2 al cargarse en GrapesJS, proviene de la gestión interna de clases y la lógica de análisis de GrapesJS. Causa raíz GrapesJS, por defecto, procesa todos los nombres de clase encontrados en el HTML...

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.