Skip to content
.github-star { padding-left: 15px; margin-bottom: 15px; }

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


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


<!-- 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=""></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'