Issue #2672💬 RespondidoAbierto el 20 de marzo de 2020por alimurad52Reacciones 2

Se elimina el prefijo de proveedor al obtener css de getCss()

Respuesta rápidapor artf1

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)

alimurad5223 de marzo de 2020

¡Funcionó de maravilla @artf ¡Muchísimas gracias!

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.