React 中的 Grape JS：显示字符的默认块，例如W、Q、E、R 而不是图标答案

【问题标题】：Grape JS in React : Default Blocks Showing Characters e.g. W, Q, E, R rather then iconsReact 中的 Grape JS：显示字符的默认块，例如W、Q、E、R 而不是图标
【发布时间】：2021-09-09 19:46:17
【问题描述】：

我在我的项目中使用 Grapes JS 通讯编辑器。

我在块部分面临的一个问题。

默认情况下，我使用 Q、W、E、R 等字母字符代替图标。

在这里你可以检查右侧的块

https://grapesjs-react.thanhtunguet.info/?path=/story/editor--newslettereditor

必填 => https://grapesjs.com/demo-newsletter-editor.html

是否有任何默认设置更改，以便我可以默认获取图标？如果没有，我该如何将字母图标修改为自定义的图标

【问题讨论】：

标签： javascript reactjs grapesjs

【解决方案1】：

没有故事书也一样吗？与 Font Awesome 有一些冲突。

---更新---

这项工作很好 => https://github.com/thanhtunguet/grapesjs-react

需要字体数据的相对路径（未加载）

【讨论】：

没有故事书，显示与故事书相同。 FA 的任何解决方法？

【解决方案2】：

以防万一其他人得到这个，并最终没有明确的答案：

我在从 unpkg 下载原始 CSS + JS 文件后遇到了这个问题 - 从 CDN 运行时完全相同的文件工作正常，但在本地指向它们时出现相同的错误。

我通过浏览 unpkg 文件夹 (https://unpkg.com/browse/grapesjs@0.17.25/dist/) 解决了这个问题——grapes.js 文件位于根目录中，有两个文件夹分别称为“css”和“fonts”。无法加载图标的问题可能是由于没有下载字体文件，并且 CSS 未正确指向（因为 CSS 文件中的路径正在查看相对路径）。

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

【讨论】：