Editor Button for Font Awesome

Editor Button is easy to insert Font Awesome into your article

Feartures:

  Retina Display.

  With 585 icons and infinite scalability.

  Fully compatible with Bootstrap3.

  Easy to customize style icon size, color and anything with CSS.

The Steps to Configure Font Awesome Icon Inserter Plugin

After installation is complete, you still can not use this plugin. If you want to use Font-Awesome icon inserter then you must configure it. And it has two cases below:

1. Your site use Editor - TinyMCE plugin

  • Go to Plugin Management by click menu Extensions >> Plugins.
  • Open Editor - TinyMCE plugin,
  • Add text i[class] into the Extended Vaild Elements field.
  • Add URL of fontawesome.css file (<yoursite_url>/plugins/editors-xtd/obfontawesome/css/font-awesome.css) into the  Custom CSS Classes field.
  • Click the "Save" button.

2. Your site use Editor - JCE Plugin

  • Go to the Gobal Configuration page of the JCE Editor component by click menu Components >> JCE Editor >> Gobal Configuration.
  • In Editor Styles select box, selsect Custom CSS Files.
  • Enter /plugins/editors-xtd/obfontawesome/css/font-awesome.css into the Custom CSS Files.
  • In Compress CSS field, select  "No" option.
  • Press the "Save" button.
  • Go to the Editor Profiles page of the JCE Editor component by click menu Components >> JCE Editor >> Profiles and  open activate profile.
  • Enter i in to the Extended Elements field in section Advanced in Editor Parameters tab.
  • Press the "Save" button.

$ 15