Usa css/fuentes externas para el plugin
Hola Paul, puedes inyectar estilos externos de esta manera '''js const editor = grapesjs.init({ ... lienzo: { Estilos: ['... file1.css', '... file2.css', '...'] } }); ```
Lee la respuesta completa abajo ↓Pregunta
Hola,
Tengo una idea para una app que creo que a la gente de mi campo les resultaría útil. Básicamente, hay un framework que usamos para el desarrollo de aplicaciones, pero no existe un constructor de interfaz para él.
Tiene una carpeta bastante grande de assets css/icons/svg/fonts.
Lo que me gustaría es poder crear un plugin que incluya estos assets, en lugar de tener que añadir los estilos de cada componente al marcado de los bloques.
¿Cómo se puede lograr esto?
Gracias, Paul
Respuestas (3)
Hola Paul, puedes inyectar estilos externos de esta manera '''js const editor = grapesjs.init({ ... lienzo: { Estilos: ['... file1.css', '... file2.css', '...'] } });
¡Fantástico! ¡Gracias @artf
Hola @paulroberttaylor, ¿cómo has incluido las fuentes dentro de los estilos?
Yo también hago lo mismo, pero no pasa nada
const editor = grapesjs.init({
...
lienzo: {
Estilos: ['<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">']
}
});Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1324
Eliminar atributos de un componente
Hola @artf no sé si es posible eliminar un atributo de un componente. En nuestro proyecto estoy inyectando un atributo personalizado de un...
Issue #1288
No se puede leer la propiedad 'cuerpo' de nulo - Angular
Hola, Tengo una lista de plantillas de correo electrónico (página 'plantillas') y hay un botón que abre la edición (página 'templates/edit/...
Issue #1150
[Pregunta] Obtén subidas como Base64
Hola a todos, Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy in...
Issue #1684
¿Puedo usar React para desarrollar componentes?
Hola a todos. Estoy realmente impresionado con el gran trabajo hecho. Tengo una pregunta sobre el desarrollo de componentes. La pregunta es...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.