Время от времени я даже не знаю, где начать отладку больше, потому что я пробовал так много вещей, что я не уверен, что сработало и что даже не работало в первую очередь.Froala Font Awesome Toolbar Icons Показаны как квадраты
Проблема: Когда я загрузить текстовый редактор Froala в моем приложении, редактор загружает нормально, содержание представлено через редактор даже спасает. Но значки на панели инструментов (Font Awesome icons) отображаются как квадраты.
То, что я пытался:
- Документация froala говорит, что я должен написать все эти «требуют» S в файле
application.cssпоэтому я попытался изменить мойapplication.css.scssкapplication.css, и она работает. Но у меня есть другие файлы sass, которые мне нужно импортировать в файл приложения, поэтому у меня это какapplication.css.scss - Я установил Froala на проект, используя Froala Gem. Редактор инициализируется, что означает необходимость в
require froala_editor.min.css. Должно ли это означать, что мой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
*/
взгляните на это https://www.froala.com/wysiwyg-editor/v1.2/docs/examples/custom-buttons, это может помочь u – Rahul
привет Рахул! Спасибо за Ваш интерес. Я только что сделал обновление, сказав, что я использую froala v2. это документация, все еще применимая к v2? даже если бы это было применимо, кажется, что мне нужно будет указывать шрифт awesome icons вручную для каждой кнопки на панели инструментов, что в моем случае довольно много. плюс, я даже не уверен, что это все равно будет работать, потому что шрифты могут не загружаться в первую очередь :( –
Используете ли вы cdn? используете ли вы протокол https? все активы, которые вы запрашиваете через cdn, запрашивающие активы https? – seemly