The easiest and best way to achieve this is to download the’ File icon’ plugin from our repositry and install it via the JCK manager. This will also give you the benefit of being able to upgrade the editor in the future.

Once installed the files for the plugin are located: plugins/editors/jckeditor/plugins/fileicon folder. In the fileicon folder will notice a folder called ‘icons’ which will contain all the image icons used  and a JavaScript file called “plugin.js”.

On line 28 in the plugin.js you will find a list of images used as icons and on line 29 you will file a list on descriptions used for the icons, please see below:

CKEDITOR.config.fileicon_images=['ai.gif','avi.gif','bmp.gif','cs.gif','dll.gif','doc.gif','exe.gif','fla.gif','gif.gif','ico.gif','html.gif','jpg.gif','js.gif','mdb.gif','mp3.gif','pdf.gif','png.gif','ppt.gif','rdp.gif','swf.gif','txt.gif','xls.gif','xml.gif','zip.gif','vector.gif', 'office.gif', 'coldfusion.gif', 'tux.gif' ,'visualstudio.gif', 'swoosh.gif', 'php.gif', 'code.gif'];
CKEDITOR.config.fileicon_descriptions=[
    'ai', 'avi', 'bmp', 'cs', 'dll', 'doc','exe', 'fla', 'gif','ico',
    'html', 'jpg', 'js', 'mdb', 'mp3', 'pdf','png', 'ppt', 'rdp','swf',
    'txt', 'xls', 'xml', 'zip', 'vector', 'office', 'coldfusion', 'tux', 'visualstudio', 'swoosh', 'php', 'code'];

To add news icon(s) to the list you will only need to add a new values and upload the corresponding image to the icons folder.