¿Hay alguna forma rápida de renombrar las clases CSS en la exportación?
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)
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 convertir el scss a css, que ahora está en sandbox con el class give,
Así no te enfrentarás al problema de conflictos.
Mantenme informado porque hemos hecho mucho más que eso (también cambiamos los DNI por clase)
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
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 biblioteca anterior para convertir el scss a css, que ahora está en sandbox con la clase dob,
Así no te enfrentarás al problema de los conflictos.
Mantenme informado porque hemos hecho mucho más que eso (también hemos sustituido los DNI por clase)
Gracias por la ayuda @devmohitagarwal @artf. Muy agradecido. Voy a probar ambas soluciones y ver cuál nos encaja mejor. Te escribiré si necesito más ayuda ;)
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3327
¿Hay alguna forma de mantener el código VML en CSS para mantener algunos estilos alejados de Outlook?
Hola. Cuando intento generar una plantilla de boletín a partir de un código HTML existente con algunas etiquetas de envolvimiento VML <styl...
Issue #2751
Variables y exportación de manillar
Hola, He hecho una búsqueda rápida pero no he encontrado nada, ¿hay alguna forma (o está en la hoja de ruta) de gestionar las zonas de plan...
Issue #1167
[PREGUNTA] opciones de exportación
Hola @artf, ¿Hay alguna otra opción de exportación además de HTML/CSS? Estoy pensando en una forma de cargar la configuración directamente...
Issue #391
¿CSS en espacio de nombres?
Hola, ¿Hay alguna forma de configurar el editor grapesjs de modo que el CSS generado para el contenido HTML esté espaciado en nombres? En o...
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.