Skip to content

Font Awesome Plugin

Adds the web's most popular icon set and toolkit to your editor.

Allow your users to Insert Font Awesome icons in the editor text.


Plugin options:

faButtons
Array -
The list of Font Awesome buttons to show in the popup for inserting icons.
Default: ["fontAwesomeBack", "|"]
fontAwesomeSets
Object -
The list of Font Awesome icons to show in the modal for inserting icons.
Default: {}
fontAwesomeTemplate
String -
Set the template to be used for the Font Awesome icons inserted in the editor.
Default:

Add Plugin to your code:

Plugin name: fontAwesome

Plugin JS Script: ../js/plugins/font_awesome.min.js

Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/plugins/font_awesome.min.js

Plugin CSS link: ../css/plugins/code_view.min.css


Plugin CSS link https://cdn.jsdelivr.net/npm/froala-editor@latest/css/plugins/code_view.min.css


Example:

Insert font awesome icons
File: 15675