(1) Installation

  • extensions>installer: install plugins
  • extensions>plugins: enable plugins

(2) Usage

  • content>articles>your Article
  • insert tag (either type or via editor button)
  • save

(3) Enable preview in editor view

By default the preview is not shown.

If you use the jce and a J! conform template containing Icomoon, the preview will work.

  • components: JCE>Editor Global Configuration>Formatting & Display>Editor Styles: Template CSS File

(4) Available Icons

(1) Content plugin

Simply add a tag like {'qlfatype="icon-bookmark" preview=""} and FontAwesome icon appears in your text.

 Awesome!

(2) Editor button

This plugin enables you to add FontAwesome icons into your article.

Simply add a tag like {'qlfatype="icon-bookmark" preview=""} and FontAwesome icon appears in your text.