Add a code highlighter to Drupal 7 with CKEditor

If your wondering how to highlight your code using the CKEditor in Drupal 7 thee read on.

First install the CKeditor module at https://www.drupal.org/project/ckeditor 

Now go to the configuration page at admin/config/content/ckeditor, select the profile you want to edit and expand the editor apperance section. Now goto plugins and check the box next to Plugin for inserting Code Snippets

Screenshot from 2016-08-17 14:54:21_0.png

Scroll down to bottom and save. Now open admin/config/content/ckeditor again, select the profile you want to edit and expand the editor apperance section. Grab the code snippet button ckeditor-code-button.png   from available buttons and drag it to the current toolbar and save. Now any time you add code into the editor just select the code snippet button and select your code type from the drop down box  and paste it in.