Days
Hours
Minutes
Seconds
x

Froala Editor v4.3 is hereLEARN MORE

Skip to content

3rd Party Integration

Font Awesome 5 JS

Starting with the version 2.7.6, the Froala WYSIWYG HTML Editor has ready to use integration with Font Awesome 5. If you have a Font Awesome Pro license, you can enable using the regular icons instead of the solid ones by using the iconsTemplate option.


Edit in JSFiddle

HTML

<div id="froala-editor"></div>

JAVASCRIPT

<!-- Include the Font Awesome 5 JS. If you have a license for the PRO license, include the downloaded JS from Font Awesome website. -->
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

<script>
  $(function() {
    $('div#froala-editor').froalaEditor({
      iconsTemplate: 'font_awesome_5'

      // If you want to use the regular/light icons, change the template to the following.
      // iconsTemplate: 'font_awesome_5r'
      // iconsTemplate: 'font_awesome_5l'
    })
  });
</script>