Issue #2955💬 RespondidoAbierto el 12 de agosto de 2020por jamejillagitReacciones 1

Iconos ausentes en el gestor de bloques

Respuesta rápidapor EmilIpsen1

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)

EmilIpsen9 de septiembre de 2021

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.

sailor9519 de febrero de 2021

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.