Sector de tipografía no encontrado
¡Hola @tasham16! Creo que este es un comportamiento esperado porque los módulos se cargan después de los plugins en la secuencia de inicialización del editor, y los sectores solo se añaden al módulo 'StyleManager' justo después de haberse cargado. No sé si esta es una forma muy limpia de lograrlo, pero sin una mejor s...
Lee la respuesta completa abajo ↓Pregunta
Cuando intento añadir una fuente al gestor de estilos, utilizo el siguiente código:
'const prop = editor. StyleManager.getProperty ('tipografía', 'familia de fuentes'); prop.set('options', [ {valor: "'Oswald', sans-serif", nombre: 'Oswald'}, ... ]);`
Sin embargo, cuando uso esto dentro de un plugin (en el index.js) que estoy creando, lo llamo editor.on('load',....) Sigo encontrando el sector de 'tipografía' que no se ha encontrado. Sin embargo, si lo llamo fuera del plugin (en el index.html) de la misma manera, donde inicializo el editor con todas las configuraciones, funciona. Así que me preguntaba, ¿no podemos añadir nuevos frentes en un plugin para que se empaqueten automáticamente con ese plugin? Y si no, ¿por qué? Si es posible, por favor dime cómo puedo lograrlo.
P.D. ¡Muchísimas gracias por todo el tiempo y trabajo que habéis dedicado a construir este proyecto!
Respuestas (3)
¡Hola @tasham16!
Creo que este es un comportamiento esperado porque los módulos se cargan después de los plugins en la secuencia de inicialización del editor, y los sectores solo se añaden al módulo 'StyleManager' justo después de haberse cargado.
No sé si esta es una forma muy limpia de lograrlo, pero sin una mejor solución podrías intentar sobrescribir el método de 'StyleManager'''onLoad' de tu plugin para ejecutar su lógica en el momento exacto, como sigue a continuación:
'''Manuscrito mecanografiado const onLoad = editor. StyleManager.onLoad;
editor. StyleManager.onLoad = () => { onLoad(); this.getProperty('tipography', 'font-family').set('options', [ /* ... */ ]); }
Siento no haber tenido tiempo para probarlo, pero espero que pueda ayudar.
¡Salud!
¡Muchísimas gracias! ¡Lo probaré!
La forma correcta es esperar a que se cargue el editor '''js editor.on('load' => { const prop = editor. StyleManager... })
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2823
He usado este método para cargar fuentes, funcionando bien en Chrome pero mostrando la lista original de fuentes en Safari
editor.on('load', function () { styleManager = editor. StyleManager; fontProperty = styleManager.getProperty('Tipografía', 'familia de fuen...
Issue #3294
HAZAÑA: Añadir opciones al array de la lista de propiedades en el gestor de estilos
Hola, ¿Cómo puedo añadir buildProps a la lista de propiedades para que, cuando se seleccione una opción, se muestren las propiedades de esa...
Issue #3137
Cuando selecciono un elemento en particular, no obtengo sus estilos. Este problema solo ocurre con algunos elementos.
No captando estilos del elemento seleccionado Aquí está mi código, Modelo const = editor. StyleManager.getModelToStyle(component); sea styl...
Issue #1781
Añadir un prop de tipo tamaño fuente
Estoy intentando crear una propiedad tipo tamaño de fuente que me gustaría añadir al sector de dimensiones. Haciendo esto: Obteniendo el va...
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.