问题 #2955💬 已回答提出于 2020年8月12日作者 jamejillagit1 个反应

块管理器中缺少图标

快速解答作者 EmilIpsen1

以防有人看到这个,最后没找到答案: 我也遇到过这个问题,下载了unpkg的原始CSS+JS文件——同样的文件在CDN运行时正常,但指向本地时也出现同样错误。 我通过浏览unpkg文件夹(https://unpkg.com/browse/[email protected]/dist/)解决了这个问题——grapes.js文件在根目录里,有两个文件夹,分别叫“css”和“fonts”。图标加载不出来的问题很可能是因为字体文件没下载,CSS指向不正确(因为CSS文件中的路径是相对路径)。 所以要么收集所有文件并使用相同的文件夹结构,要么获取字体文件并编辑CSS使其指向正确的文件。

阅读下方完整回答 ↓

问题

你好,

我开始用 Grapesjs,但不知为何,Block Manager 里的一些图标不见了。

![图片](https://user-images.githubusercontent.com/64067337/90017538-f966be80-dcab-11ea-9cc6-e8137c55ac25.png)

我看到显示的图标用的是font awesome,而未显示的图标则有“gjs-fonts”类,比如“gjs-f-b1”。

查看CSS时,我能找到以下样式:

.gjs-fonts::before {
    显示:方块;
    字体:普通普通 14px Font3336;
    文本渲染:自动;
    -webkit-font-smoothing:抗锯齿;
    -moz-osx-font-smoothing:灰度;
    字体大小:5em
}
``

.gjs-f-b1::before {
    内容:“Q”
}

为什么我看不到任何图标?我应该手动添加图标,还是需要做什么?不确定是否相关,但我还会遇到一个字体缺失的错误,不知道它从哪里来的。找不到的路径是 project/path/fonts/main-fonts.woff?v=20

谢谢你的帮助

回答(2)

EmilIpsen2021年9月9日

以防有人看到这个,最后没找到答案:

我也遇到过这个问题,下载了unpkg的原始CSS+JS文件——同样的文件在CDN运行时正常,但指向本地时也出现同样错误。

我通过浏览unpkg文件夹(https://unpkg.com/browse/[email protected]/dist/)解决了这个问题——grapes.js文件在根目录里,有两个文件夹,分别叫“css”和“fonts”。图标加载不出来的问题很可能是因为字体文件没下载,CSS指向不正确(因为CSS文件中的路径是相对路径)。

所以要么收集所有文件并使用相同的文件夹结构,要么获取字体文件并编辑CSS使其指向正确的文件。

sailor952021年2月19日

你好@jamejillagit,你找到解决办法了吗?我也遇到过同样的情况。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。