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.


Font Awesome

List all icons from your Font Awesome instalation


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


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';



© 2024, BRStuff under GNU GPL v3.