Añadir Google Font no funciona
Creo que el verdadero problema aquí es la necesidad de tener métodos como '''js fontProperty.addOption({ value: 'Roboto, Arial, sans-serif', nombre: 'Roboto' }) o fontProperty.setOptions([...])
Lee la respuesta completa abajo ↓Pregunta
Bonjour,
Intento añadir Google Font:
var editor = grapesjs.init({
lienzo: {
Estilos: ['https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latín, latín-etc'],
},
});
editor.on('load', function () {
styleManager = editor. StyleManager;
tipografíaSector = styleManager.getSector('Tipografía');
fontProperty = styleManager.getProperty('Tipografía', 'familia de fuentes');
list = fontProperty.get('list');
list.push({ valor: 'Roboto, Arial, sans-serif', nombre: 'Roboto' });
fontProperty.set('list', lista);
styleManager.render();
});
Cuando hago clic en Tipografía, el script se detiene en Grapes.jp mostrar: función mostrar() { this.$el.addClass(this.pfx + 'open'); this.getPropertiesEl().style.display = ''; <=== el estilo es nulo? this.$caret.removeClass(this.caretR).addClass(this.caretD); },
¿Dónde está equivocado?
Merci.
Respuestas (3)
Creo que el verdadero problema aquí es la necesidad de tener métodos como '''js fontProperty.addOption({ value: 'Roboto, Arial, sans-serif', nombre: 'Roboto' }) o fontProperty.setOptions([...])
que luego actualizan la vista en consecuencia al cambio. Así que los añadiré para la próxima versión.
Por ahora, declara tu Style Manager en el objeto de configuración init o prueba con algo así
'''js
...
fontProperty.set('list', lista);
fontProperty.view.input = null;
fontProperty.view.onRender();
styleManager.render();
Muy gracias. !!!!!!
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #966
[PREGUNTA] ¿Cómo cargar un archivo CSS externo en Grapes Editor?
Hola, Durante mi editor = grapesjs.init(), quiero cargar un archivo CSS externo en el lienzo usando @import url(...). Así que cuando use mi...
Issue #1807
Fallas del marco de GrapeJ al añadir una hoja de estilo externa
Cuando añado mi hoja de estilo externa usando El marco de GrapesJS ya no funciona. ¿Cómo puedo tener la hoja de estilo además del framework...
Issue #2008
[Pregunta]El lienzo se vuelve oscuro e inmodificable al añadir un gran fragmento de html personalizado.
Solía añadir html personalizado con 'editor.addComponent()'. Funciona bien la mayor parte del tiempo, pero cuando intento insertar un gran...
Issue #859
[PREGUNTAS] Cambiar el estilo del lienzo
Hola, Tengo algunas dudas sobre el estilo del lienzo, en este caso tengo una configuración así. '''js var editor = grapesjs.init({ contened...
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.