Drupal 7 How-to Install Ckeditor-Syntaxhighlither Plugin Easy Visual-Guide

This Easy&Friendly-Guide Clearly Show How-to Install and Enable the Ckeditor-Syntaxhighliter Plugin on Drupal 7.

To Make the Entire Process Easier to Visualize and Retain the Article Includes the Basic Screenshots of the Essentials Steps Involved.

The Content and Details are Expressly Reduced to Give Focus Only to the Essentials Instructions and Commands and Make Tut more Easy & Digestive;)

1. Download Syntaxhighlighter:

   Syntaxhighlighter .zip Library

   The Downloaded Archive should be Renamed As syntaxhighlighter.zip.

2. Unzip the archive Into:

   <rootDomain>/sites/all/libraries

3. Install the Syntaxhighlighter Module:

   Syntaxhighlighter Drupal Module

   Select the Syntaxhighlighter 7.x Drupal Module.

4. Download Ckeditor-Syntaxhighlight Plugin:

   Syntaxhighlight .tar.bz2

   Select the Ckeditor-syntaxhighlight.tar.bz2 Archive Link.

5. Copy the ckeditor-syntaxhighlight/plugins/syntaxhightlight Folder Into:

   <rootDomain>/sites/all/modules/ckeditor/plugins/syntaxhighlight

6. Edit the sites/all/modules/ckeditor/ckeditor.config.js file and Insert/Change the highlighted lines:

   Add syntaxhighlight on the Line Beginnig for: config.extraPlugins

   config.extraPlugins = 'syntaxhighlight';
   

   ...

   //Toolbar definition for Advanced buttons
   Drupal.settings.cke_toolbar_DrupalAdvanced = [
   

   ...

   Insert 'Code' Into:

   ['DrupalBreak', 'DrupalPageBreak', 'Code']
   ];
   

   ...

   //Toolbar definition for All buttons
   Drupal.settings.cke_toolbar_DrupalFull = [
   

   ...

   Insert 'Code' Into:

   ['DrupalBreak', 'DrupalPageBreak', 'Code']
   ];
   

   The Essential thing to take into account After you make all settings is clearly Specified on ckeditor.config.js file:

   /*
    WARNING: Clear the browser cache after you modify this file.
    If you do not do this, you may notice that the browser is ignoring all your changes.
    */
   

7. Make Setup of the Ckeditor Module Advanced Role, go on Browser to this URL:

   <rootDomain>/admin/settings/ckeditor/edit/Full
   

   Select -> "Editor appearance"

   Check-In the Plugin:

   

8. Load the Fulll CKeditor Toolbar sample:

   

9. Last Give the Right Admin Roles Permissions on:

   yourDrupalDomain/admin/settings/ckeditor/edit/Advanced
   

   

Enjoy! :)ds