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

Sign up

Download the code by signing up for our newsletter

Sign up

Download the code by signing up for our newsletter

Note: By registering, you confirm that you agree to the processing of your personal data by Froala, Inc. - Froala as described in the Privacy Statement. Froala, Inc. - Froala is part of the Idera group and may share your information with its parent company Idera, Inc., and its affiliates. For further details on how your data is used, stored, and shared, please review our Privacy Statement.