Syntaxhighlither pada drupal 7 dengan ckeditor dan syntaxhighlighter

Untuk menikmati fitur syntaxhighlighter pada drupal 7 dengan ckeditor mari praktekkan tutorial ini. Tutorial ini merupakan kombinasi penggunaan modul-modul berikut:

• http://drupal.org/project/ckeditor
• http://code.google.com/p/ckeditor-syntaxhighlight/wiki/Installation
• http://drupal.org/project/syntaxhighlighter

Simak langkah-langkah selanjutnya

Install modul CKeditor:

1) http://drupal.org/project/ckeditor
Download ckeditor 3.6 kemudian ekstrak semua file sesuai path: /sites/all/modules/ckeditor/ckeditor (/ckeditor.js)

2) http://drupal.org/project/syntaxhighlighter
Download syntaxhighlight 3.0.83 dan ekstrak semua file sesuai path: /sites/all/libraries/syntaxhighlighter_3.0.83 (/index.html)
Atur bahasa yang akan diaktifkan dan konfigurasi lainnya di : http://websitemu/admin/config/content/syntaxhighlighter.

Install ckeditor-syntaxhighlight plugin

3) Download http://code.google.com/p/ckeditor-syntaxhighlight/downloads/list kemudian ekstrak semua files.

Pastikan file path seperti berikut ini:
/sites/all/modules/ckeditor/ckeditor/plugins/syntaxhighlight/ (plugin.js)

4) Tambahkan skrip berikut pada /sites/all/modules/ckeditor/includes/ckeditor.lib.inc setelah baris 314 'plugins section'

<?php
if (file_exists($editor_path . 'plugins/syntaxhighlight/plugin.js')) {
      $arr['syntaxhighlight'] = array(
          'name' => 'syntaxhighlight',
          'desc' => t('Syntaxhighlight plugin'),
          'path' => base_path() . $editor_path . 'plugins/syntaxhighlight/',
          'default' => 'f'
      );
}
?>

5) Ubah pengaturan ckeditor di http://websitemu/admin/config/content/ckeditor/edit/Full (or Advance) => Editor Apparence

a) Toolbar cari bagian DrupalBreak tambahkan 'Code', jangan lupa koma setelah tanda ]

[
  ['Source'],
  ...
  ['DrupalBreak', 'DrupalPageBreak','Code'], //koma setelah ] bila baris ini bukan baris terakhir
  ...
];

b) Plugins

Aktifkan "Syntaxhighlight plugin"

OK konfigurasi syntaxhighlighter pada drupal selesai contohnya ya seperti pada postingan ini, selamat mencoba