# Froala Editor Icons Missing

**URL:** <https://forum.mautic.org/t/froala-editor-icons-missing/34654>\
**Category:** Mautic 5 Install/Upgrade Support\
**Created:** [January 6, 2025, 7:17pm UTC](https://forum.mautic.org/t/froala-editor-icons-missing/34654 "2025-01-06T19:17:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jwohlers](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jwohlers/32/13461_2.png) [@jwohlers](https://forum.mautic.org/u/jwohlers)\
**Post date:** [January 6, 2025, 7:17pm UTC](https://forum.mautic.org/t/froala-editor-icons-missing/34654/1 "2025-01-06T19:17:42Z")

</div>

**Your software**  
My Mautic version is: 5.2.1  
My PHP version is: 8.2.26  
My Database type and version is: 10.11.9-MariaDB

**Your problem**  
My problem is: After enabling “froala” for editing legacy emails I discovered taht none of the icons would correctly load for the UI elements.

These errors are showing in the log:  
No errors

Steps I have tried to fix the problem:  
I looked over the HTML for the editor, and noticed that it was not including the “fa” class on any of the buttons. Using the browser dev tools I tried adding the fa class into a couple of the button classes and the icons were restored.

---

<div class="post-metadata">

**Author:** ![jwohlers](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jwohlers/32/13461_2.png) [@jwohlers](https://forum.mautic.org/u/jwohlers)\
**Post date:** [January 6, 2025, 7:18pm UTC](https://forum.mautic.org/t/froala-editor-icons-missing/34654/2 "2025-01-06T19:18:41Z")

</div>

I edited line 10345 in  
./app/bundles/CoreBundle/Assets/js/libraries/froala/froala\_editor.js

to add the “fa” class into the template as seen below.

```auto
  $.FE.ICON_TEMPLATES = {
    font_awesome: '<i class="fa fa-[NAME]" aria-hidden="true"></i>',
    text: '<span style="text-align: center;">[NAME]</span>',
    image: '<img src=[SRC] alt=[ALT] />',
    svg: '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">[PATH]</svg>'
  }

```

This seems to have fixed the problem.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/1X/43c63600fe51440378769136903f1fa2a9a34102.png) [@system](https://forum.mautic.org/u/system)\
**Post date:** [January 8, 2025, 7:19am UTC](https://forum.mautic.org/t/froala-editor-icons-missing/34654/3 "2025-01-08T07:19:38Z")

</div>

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.