Froala Editor Icons Missing

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.

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.

  $.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.

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