What is

CKAwesome is a Font Awesome plugin for CKEditor.
It allows you to easily insert a Font Awesome icon into your text in CKEditor.
The dialog loads the Font Awesome css file to know the avaiable icons and shows them on a select box.

Inside

Font Awesome

List all icons from your Font Awesome instalation

Size

Choose the size you need for your text (optional).

Color

Choose the color you want (optional).

Installation and Config

Follow these steps:
  1. Download plugin from CKEditor’s plugin page.
  2. Extract the downloaded file into the CKEditor’s plugins folder.
  3. Enable the plugin by changing or adding the extraPlugins line in your configuration (config.js):
    config.extraPlugins = 'ckawesome';
  4. Add the icon to the toolbar (optional):
    config.toolbar = [{ name: 'CKAwesome', items: ['Image', 'ckawesome']}];
  5. Add the path to your Font-awesome css file (optional):
    config.fontawesomePath = 'path/to/your/fontawesome/folder/font-awesome.min.css';

Demo

License

© 2020, Blackdevelop under GNU GPL v3.