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!

 

INSTALLATION:

  • Extract the downloaded file (fontawesome.zip)
  • 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

 

DEMO:

http://michaeljanea.com/ckeditor/font-awesome/

 

DEPENDENCIES:

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

 

LOGS

v2.0
    - template re-write for FontAwesome accessibility feature

v1.1
    - updating of font awesome

v1.0
    - initial release

 

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

Screenshots

fontawesome

52,947 downloads (view stats)

Releases

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