问题 #2481💬 已回答提出于 2019年12月30日作者 andrewryan19061 个反应

无法在画布内使用Font Awesome Icons

快速解答作者 andrewryan19061

其实我写到一半才发现这个问题,但决定先写完,留在这里,以防有人遇到类似情况。 画板、方块等使用的样式不适用于画布内部的样式,因为画布处于一个iframe中。问题是我没有在画布里安装 Font Awesome 的 CSS(但外层应用里装了,所以它能用块)。 你可以在初始化中这样做: 另外——如果你想改变画布内物品的外观,可以用 baseCSS 属性添加内联样式。 谢谢, 安德鲁

阅读下方完整回答 ↓

问题

首先,这个项目做得很棒。真不敢相信这种事真的存在。

好的,过去几天我一直在看文档,现在开始自己组装组件。然而;模板设计时,我希望我的组件渲染方式不同。我能看到我可以拦截渲染并修改它。

但我正在尝试渲染这个:

<div class=“templateComponent”> <i class=“fa fa-utensils-alt”></i></i>高级菜单</div>

而且不知为何,这个字体超棒图标无法渲染。这个图标在渲染像这样的方块时也能正常使用:

  属性:{class: 'fas fa-utensils-alt fa-2x'},

后来我发现画布里没有Font Awesome图标。为什么?

回答(1)

andrewryan19062019年12月30日

其实我写到一半才发现这个问题,但决定先写完,留在这里,以防有人遇到类似情况。 画板、方块等使用的样式不适用于画布内部的样式,因为画布处于一个iframe中。问题是我没有在画布里安装 Font Awesome 的 CSS(但外层应用里装了,所以它能用块)。 你可以在初始化中这样做: 另外——如果你想改变画布内物品的外观,可以用 baseCSS 属性添加内联样式。 谢谢, 安德鲁

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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