Days
Hours
Minutes
Seconds
x

New Froala Editor v5.0.0 is here โ€“ Learn More

Skip to content
Froala Documentation

Font Awesome Plugin

Plugins are fully functional during your trial once you've added your trial key to the setup.

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/third_party/font_awesome.min.js

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

Plugin CSS link:../css/third_party/font_awesome.min.css

Or from CDN: https://cdn.jsdelivr.net/npm/froala-editor@4.0.4/css/third_party/font_awesome.min.css


Example:

Insert font awesome icons

Ready to dive in? Explore our plans