Sorry, you need to enable JavaScript to visit this website.

Font Awesome

Add font-awesome to your write-ups without editing the source code!

Compatible with Font Awesome 4.3 (for 4.4 and other versions, try FontAwesome Premium)

Please don’t forget to rate this plugin. Thank you. 

For Bootstrap Glyphicon plugin, click here.


Download source code here!



  • Extract the downloaded file (
  • Copy the "fontawesome" folder to "ckeditor/plugins/" folder
  • Open the file "ckeditor/config.js"
  • Add theses lines:
config.extraPlugins = 'fontawesome';
config.contentsCss = 'path/to/your/font-awesome.css';
config.allowedContent = true; 
  • In your HTML's <head> section add this code:
<script>CKEDITOR.dtd.$removeEmpty['span'] = false;</script>
  • Use the toolbargroupname: "FontAwesome" in your toolbar (see the example below)
config.toolbar = [
    { name: 'insert', items: [ 'FontAwesome', 'Source' ] }
  • Make sure to clear your browser's cache
  • Done





It requires the following plugins to work: WidgetLine Utilities, and Color Dialog.



    - template re-write for FontAwesome accessibility feature

    - updating of font awesome

    - initial release


NOTE: You can send your suggestions, comments, concerns, or inquiries thru or by filling up the contact form of my website. I'm having a trouble using Disqus lol.



52,947 downloads (view stats)


Plugin versions CKEditor versions
4.9 4.8 4.7

Version: 2.0

DownloadRelease notes

template re-write for Font Awesome Accessibility feature

Version: 1.2

DownloadRelease notes

updating of font-awesome

Version: 1.1

DownloadRelease notes

- updating of font awesome

Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check