Iconos ausentes en el gestor de bloques
Por si alguien más entiende esto y acaba aquí sin respuesta: Tuve este problema, después de descargar los archivos CSS + JS en bruto de unpkg; los mismos archivos funcionaban bien al ejecutarlos desde la CDN, pero me daba el mismo error al apuntar a ellos localmente. Lo solucioné navegando por las carpetas unpkg (http...
Lee la respuesta completa abajo ↓Pregunta
Hola,
He empezado a usar grapesjs y por alguna razón faltan algunos iconos del Block Manager.
! imagen
Veo que los iconos que se muestran usan font awesome, mientras que los iconos que no aparecen tienen las clases "gjs-fonts" y, por ejemplo, "gjs-f-b1"
Al mirar el CSS, puedo encontrar estos estilos:
.gjs-fonts::before {
pantalla: bloqueo;
fuente: normal normal normal normal 14px font3336;
renderizado de texto: auto;
-suavizado de fuentes webkit: antialiasado;
-moz-osx-font-suavizado: escala de grises;
Tamaño-fuente: 5em
}
``
.gjs-f-b1::antes {
contenido: 'Q'
}
¿Por qué no puedo ver ningún icono? ¿Se supone que debo añadir los iconos manualmente o qué tengo que hacer? No estoy seguro de que esté relacionado, pero también me sale un error de fuente que no sé de dónde viene. La ruta que no se encuentra es project/path/fonts/main-fonts.woff?v=20
Gracias por tu ayuda
Respuestas (2)
Por si alguien más entiende esto y acaba aquí sin respuesta:
Tuve este problema, después de descargar los archivos CSS + JS en bruto de unpkg; los mismos archivos funcionaban bien al ejecutarlos desde la CDN, pero me daba el mismo error al apuntar a ellos localmente.
Lo solucioné navegando por las carpetas unpkg (https://unpkg.com/browse/[email protected]/dist/): los archivos de grapes.js están en la raíz, con dos carpetas llamadas "css" y "fonts". El problema de que los iconos no carguen probablemente se deba a que no se han descargado los archivos de fuente y al CSS no apunta correctamente (ya que la ruta en los archivos CSS está viendo una ruta relativa).
Así que o bien consigues todos los archivos y usas la misma estructura de carpetas, o consigue los archivos de fuente y edita el CSS para que apunte a los archivos correctos.
Hola @jamejillagit, ¿encontraste la solución para esto? Yo también me enfrenté a lo mismo.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3040
HAZAÑA: Pasar el ratón sobre el texto en los objetos del Style Manager
¿Qué intentas añadir a GrapesJS? Hola. No sé si esto ya está incorporado, pero: ¿Es posible cambiar el ratón sobre texto en un rasgo person...
Issue #2583
Los puntos de interrupción no coinciden con la consulta de medios en el lienzo
¡Hola @artf Tengo varios puntos de ruptura ! imagen El problema es que cuando tengo una resolución (configurada usando los iconos) como 411...
Issue #2623
Los bloques de texto se vuelven inutilizables tras añadir una imagen mediante rte personalizado (ckeditor)
Hola a todos, Estoy usando ckeditor en lugar del RTE por defecto. Ckeditor está cargando sus propios plugins y se ve así. ! imagen Con este...
Issue #394
Texto: Se crea un nuevo div cada vez que pulso enter en lugar de crear un </br>
Hola @artf ¿Hay alguna razón por la que al insertar texto se crea un nuevo div para cada salto en lugar de un estándar </br> ! imagen ¿Es p...
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.