Cómo importar estilos de <link> para renderizarse al arrastrar un bloque a lienzo
Hola @pouyamiralayi Gracias por la respuesta rápida. Sin embargo, esto parecería que no será suficiente, ya que lo que busco es una forma de ver mi componente renderizado con los estilos que quiero, pero también, si exporto el proyecto, incluir estos archivos
Lee la respuesta completa abajo ↓Pregunta
Mi situación:
Estoy importando poco a poco algunos de mis componentes personalizados de interfaz de usuario en 'ReactJS' a 'GrapesJS'.
Ahora, puedo renderizar el componente correctamente integrándolo con Backbone.
Pero mi pregunta es, ¿puedo usar etiquetas de '<link' para descargar mis propios estilos personalizados, para poder verlos correctamente dentro del lienzo?
He intentado hacerlo, pero sin éxito. No querría descargar manualmente todos los CSS de mi biblioteca de UI, pero si renderizo algún componente, me gustaría que el estilo del componente coincidiera con los estilos importados '<link'.
Respuestas (3)
Hola @pouyamiralayi Gracias por la respuesta rápida. Sin embargo, esto parecería que no será suficiente, ya que lo que busco es una forma de ver mi componente renderizado con los estilos que quiero, pero también, si exporto el proyecto, incluir estos archivos
Solo tienes que iniciar el editor con tu '<link>' dentro de la plantilla, se cargará en el lienzo y podrás verlo en tu código de exportación
Hola @fasaas puedes inyectar tus estilos globales de esta manera:
const editor = grapesjs.init({
lienzo:{
Styles: [ 'https://... 1.css', 'https://... 2.css' ]
}
})
Lo mismo ocurre con tus scripts personalizados. Más sobre esto aquí ¡Salud!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #1912
[PREGUNTA] Componentes personalizados hijos por defecto
Hola, Estoy intentando entender cómo puedo lograr lo siguiente.Crear un componente con un contenido predeterminado como hijos.Crea un bloqu...
Issue #951
[PREGUNTA] La selección de componentes personalizados no es posible desde el lienzo.
Hola, Intenté averiguarlo por mi cuenta, pero siento que estoy dando vueltas un poco en círculos. Así que espero que tengáis tiempo para le...
Issue #2624
[BUG] Los estilos generados no se escapan de dos puntos en los nombres de clase
Actualmente uso GrapeJS para un proyecto en el que estoy trabajando localmente y lo integré con algunos componentes de la interfaz de Tailw...
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.