Se elimina el prefijo de proveedor al obtener css de getCss()
Usa esta https://github.com/artf/grapesjs-parser-postcss
Lee la respuesta completa abajo ↓Pregunta
Estoy usando la versión: '0.14.57' con React '16.8.6'.
Cuando uso la función 'editor.getCss()' me devuelve el CSS pero sin el prefijo vendor. Por ejemplo, añado el siguiente css '.product-card {
-webkit-transition: todos los 0.2s son fáciles;
transición: todos los 0.2 facilidad;
}' me devuelve '.product-card{
duración de la transición: 0,2 s;
función-temporización de transición: facilidad;
retraso de transición:0s;
Propiedad-transición:all;
}`. ¿Cómo puedo evitar este comportamiento y obtener lo que estoy guardando (con el prefijo)? Lo comprobé en la demo, funciona bien allí, pero con mi local tengo un problema. Desafortunadamente no puedo publicarlo en otro sitio y no lo tengo disponible ahora mismo. Solo es esta función 'getCss()' la que causa el problema. A continuación está mi inicialización:
let editor = GrapesJs.init({
contenedor: "#gjs",
fromElement: cierto,
Plugins: [
'GJS-bloques-básico',
tUIImageEditor,
GrapeJSFormPlugin,
editor => FontAwesomePlugin(editor, {}),
editor => SocialMediaPlugin(editor, {}),
editor => VideoPlugin(editor, {})
],
lienzo: {
Estilos: [
"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css",
"https://fonts.googleapis.com/css?family=" + fontFamilies,
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
],
guiones: [
"https://code.jquery.com/jquery-3.3.1.slim.min.js",
"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js",
"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js",
'https://use.fontawesome.com/145d2bb38b.js'
]
}
});
Estoy aplicando los estilos con 'editor.setStyles(css)'. Se fija bien, pero cuando lo recupero, elimina el prefijo. Cualquier ayuda sería bienvenida.
Respuestas (2)
¡Funcionó de maravilla @artf ¡Muchísimas gracias!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1550
Eliminar la regla de Css duplicada por clase
Hola @artf, estoy leyendo y experimentando con el método setStyle pero cuando usé setStyle 'editor.getSelectedToStyle().setStyle({ color: '...
Issue #2313
[BUG] Los scripts no funcionan cuando se añaden dinámicamente a iframe <head>
Estoy usando la última versión de grapesjs (0.15.8) y la uso en Windows 10 x64 en Electron (esto no es un problema con electron) y me encue...
Issue #2014
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
Issue #2013
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
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.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.