【发布时间】：2026-02-01 06:00:01
【问题描述】：
时不时我什至不知道从哪里开始调试，因为我尝试了很多东西，以至于我不确定什么有效，什么从一开始就无效。
问题：当我在我的应用程序中加载 Froala 文本编辑器时，编辑器加载正常，通过编辑器提交的内容甚至保存。但是工具栏图标（Font Awesome 图标）都显示为正方形。
我的尝试：
- froala 文档说我应该在
application.css文件中写入所有这些“要求”，所以我尝试将我的application.css.scss更改为application.css，它可以工作。但是我还有其他 sass 文件需要导入到我的应用程序文件中，这就是为什么我将其命名为application.css.scss - 我使用 Froala Gem 将 Froala 安装到项目中。编辑器正在初始化，这意味着
require froala_editor.min.css中的 require 正在工作。这是否意味着我的require font-awesome应该可以正常工作并且工具栏中的图标应该可以正确显示？ - 我还尝试将 Font Awesome cdn 直接添加到应用程序布局中，但似乎没有任何改变。
- 我尝试过重置缓存并使用不同的浏览器。
这是一个与this post 非常相似的问题，但我认为我正在做我应该做的一切来加载字体真棒图标，所以我不确定我哪里出错了！
提前感谢您的帮助，如果我可以提供任何其他信息，请告诉我！
更新：我正在使用此链接中的 froala v2，遵循以下说明：https://www.froala.com/wysiwyg-editor/docs/framework-plugins/rails
application.css.scss：
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*= require_self
*= require froala_editor.min.css
*= require froala_style.min.css
*= require font-awesome
*= require plugins/char_counter.min.css
*= require plugins/code_view.min.css
*= require plugins/colors.min.css
*= require plugins/emoticons.min.css
*= require plugins/file.min.css
*= require plugins/fullscreen.min.css
*= require plugins/image_manager.min.css
*= require plugins/image.min.css
*= require plugins/line_breaker.min.css
*= require plugins/quick_insert.min.css
*= require plugins/table.min.css
*= require plugins/video.min.css
*/
【问题讨论】：
-
嗨拉胡尔！感谢您的关注。我刚刚更新说我正在使用 froala v2。这些文档是否仍然适用于 v2？即使它适用，似乎我必须为工具栏上的每个按钮手动指定字体真棒图标，在我的情况下是相当多的。另外，我什至不确定这是否仍然有效，因为字体可能一开始就没有加载:(
-
你用的是cdn吗？你用的是https协议吗？您通过 cdn 请求的所有资产是否都在请求 https 资产？
-
您好，是的，我尝试使用和不使用cdn。我是否必须做一些不同的事情来启用/禁用 https 协议才能使其工作？而且我不确定通过cdn请求http资产请求是什么意思。对不起，还是一个新的编码器！ :(
标签： css ruby-on-rails icons font-awesome froala