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

Issue #2363✓ ResueltoAbierto el 31 de octubre de 2019por CatalinCerneaReacciones 2

¿Hay alguna forma rápida de renombrar las clases CSS en la exportación?

Respuesta rápidapor devmohitagarwal❤ 2

HOLA @iColdoCatalin, Nos enfrentamos al mismo problema y lo superamos haciendo sandboxing en el CSS. Para ello, utilicé sass.js (https://github.com/medialize/sass.js/) Pasos: encierra la cadena css con tu clase personalizada, por ejemplo, MiClase Personalizada.Ejecutar sass.compile desde la biblioteca anterior para co...

Lee la respuesta completa abajo ↓

Pregunta

Hola,

como queremos exportar el HTML y CSS generados e integrarlos en una web separada, es muy probable que haya clases CSS con el mismo nombre y eso podría causar problemas de interfaz. Estamos pensando en renombrarlos después de exportar y añadir un prefijo a cada clase, pero no sabemos cómo lograrlo ni si es algo bueno.

¿Alguien ha tenido situaciones similares y cómo lo solucionó?

Respuestas (3)

👍 Muy útildevmohitagarwal• 1 de noviembre de 2019

HOLA @iColdoCatalin, Nos enfrentamos al mismo problema y lo superamos haciendo sandboxing en el CSS. Para ello, utilicé sass.js (https://github.com/medialize/sass.js/) Pasos: encierra la cadena css con tu clase personalizada, por ejemplo, MiClase Personalizada.Ejecutar sass.compile desde la bibliot...

artf• 2 de noviembre de 2019

Gracias por la sugerencia, @devmohitagarwal no está mal como el enfoque. En cualquier caso, preferiría mover toda la discusión sobre el espaciado de nombres CSS en exportación aquí, así que cerraría este asunto

CatalinCernea• 4 de noviembre de 2019

HOLA @iColdoCatalin,Nos enfrentamos al mismo problema y lo superamos haciendo sandboxing en el CSS. Para ello, utilicé sass.js (https://github.com/medialize/sass.js/)Pasos:Adjunta la cadena de css con tu clase personalizada. por ejemplo, MiClase Personalizada.Ejecuta sass.compile desde la bibliotec...

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 →

Explorar categorías de plugins

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