无法在画布内使用Font Awesome Icons
其实我写到一半才发现这个问题,但决定先写完,留在这里,以防有人遇到类似情况。 画板、方块等使用的样式不适用于画布内部的样式,因为画布处于一个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)
其实我写到一半才发现这个问题,但决定先写完,留在这里,以防有人遇到类似情况。 画板、方块等使用的样式不适用于画布内部的样式,因为画布处于一个iframe中。问题是我没有在画布里安装 Font Awesome 的 CSS(但外层应用里装了,所以它能用块)。 你可以在初始化中这样做: 另外——如果你想改变画布内物品的外观,可以用 baseCSS 属性添加内联样式。 谢谢, 安德鲁
相关问答
通过相似的问题讨论继续研究。
问题 #4285
工具栏宽度调整不正确
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v100.0.4896.127可复制演示链接 没有演示链接。描述一下那个虫子 如何复现这个漏洞?直接在工具栏内放置更大的图标(例如font awesome class: fa-2x):...
问题 #821
如何设置href属性
你好,@artf, 请告诉我们,当元素被拖拽时,如何在div中设置锚点的href属性,即 <div class=“social_icons rrssb-buttons c3250”> <a href=“https://www.facebook.com/sharer/sharer...
问题 #6211
递归过多
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 131.0.2 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?进入 grap...
问题 #5388
运行无头模式时,编辑器返回不同的 HTML
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hid...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。