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.

Try it yourself:

Edit in JSFiddle

HTML

Copy

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

JAVASCRIPT

Copy

<!-- 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>
  new FroalaEditor('div#froala-editor', {
    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>