块管理器中缺少图标
以防有人看到这个,最后没找到答案: 我也遇到过这个问题,下载了unpkg的原始CSS+JS文件——同样的文件在CDN运行时正常,但指向本地时也出现同样错误。 我通过浏览unpkg文件夹(https://unpkg.com/browse/[email protected]/dist/)解决了这个问题——grapes.js文件在根目录里,有两个文件夹,分别叫“css”和“fonts”。图标加载不出来的问题很可能是因为字体文件没下载,CSS指向不正确(因为CSS文件中的路径是相对路径)。 所以要么收集所有文件并使用相同的文件夹结构,要么获取字体文件并编辑CSS使其指向正确的文件。
阅读下方完整回答 ↓问题
你好,
我开始用 Grapesjs,但不知为何,Block Manager 里的一些图标不见了。
我看到显示的图标用的是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)
以防有人看到这个,最后没找到答案:
我也遇到过这个问题,下载了unpkg的原始CSS+JS文件——同样的文件在CDN运行时正常,但指向本地时也出现同样错误。
所以要么收集所有文件并使用相同的文件夹结构,要么获取字体文件并编辑CSS使其指向正确的文件。
你好@jamejillagit,你找到解决办法了吗?我也遇到过同样的情况。
相关问答
通过相似的问题讨论继续研究。
问题 #3637
Custom block icon
我想自定义封锁图标,我找到了代码: 如何找到我想要的“内容”? 
问题 #3131
将纯文本粘贴到文本组件中,会为粘贴的文本添加 <font /> 封装器
版本: 0.16.27 你能重现演示中的bug吗? [] 是的 [X] 不 预期的行为是什么? 将粘贴文本为纯文本(文本节点),不像Grapes JS在</>元素中进行打包。 目前的行为是什么? 当我把纯文本粘贴到空文本元素时,编辑器会用<font />元素包裹它。 在粘贴文本...
问题 #3825
Ckeditor wrap and block the text below
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https:// 描述一下那个虫子 如果文本组件的宽度不长,ckeditor 上的元素会对下面的文本进行反包和封块 ![图片](https://user-images...
问题 #3504
我注意到有人使用了 font awesome 4.7 的早期版本。
我注意到有人使用了 font awesome 4.7 的早期版本。 我使用 fontawesome 5.2 版本,似乎在与 Grapes JS 版本同时加载时会出现问题,有些字体无法加载,或者新 fontawesome 字符集中的类名发生了变化。 我该如何使用 Fontawes...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。