11 Pilihan Syntax Highlighter – Dekorasi Style Sintak Otomatis

Maksud dan pengertian Syntax Highlighter adalah kode yang digunakan untuk menyoroti sintak bahasa pemprograman seperti javascript, php, vbs, html, dll., kode yang disoroti akan memiliki style tersendiri sesuai tipe sintaknya masing-masing. Sebagaimana kita tahu, dalam suatu bahasa program kita akan menemukan berbagai macam sintak seperti, tag, string, comment, function, class, value dll., dengan menggunakan syntax highlighter maka sintak tersebut akan dihiasi dengan style sehingga mempermudah mengenali fungsi bahasa yang digunakan.

Untuk mempermudah memahami pengertian di atas, perhatikan contoh berikut:

// TANPA SYNTAX HIGHLIGHTER
<?php if(isset($_COOKIE['comment_author_'.COOKIEHASH]))...

<script type="text/javascript">
function setStyleDisplay(id,status){$(id)...
var settings = {};
    if ($code.hasClass("boc-nogutter"))
    settings.noGutter = true;

// DENGAN SYNTAX HIGHLIGHTER
<?php if(isset($_COOKIE['comment_author_'.COOKIEHASH]))...

<script type="text/javascript">
function setStyleDisplay(id,status){$(id)...
var settings = {};
    if ($code.hasClass("boc-nogutter"))
    settings.noGutter = true;...

Dengan syntax highlighter kita tidak perlu memberi style satu persatu pada setiap sintak, sebaliknya syntax highlighter memberi style secara otomatis. Tool ini cocok bagi Anda webmaster yang sering berbagi kode atau sharing tutorial mengenai web atau program-program lainnya.

Penyorot Sintak Pilihan

Ada cukup banyak pilihan syntax highlighter yang dapat Anda gunakan, berikut adalah diantaranya:

1. Syntax Highlighter

Syntax Highlighter ini dikembangkan pertama kali Oleh Alex Gorbatchev, dan saya pikir ini adalah yang terbaik sampai saat ini. Support berbagai macam bahasa pemprograman dan style. Untuk cara pemakaian dan konfigurasi fitur penyorot sintak ini, silahkan dibaca pada konfigurasi opsi Syntax Highlighter.

2. Highlight.js

Highlight.js support 54 bahasa pemrograman dan 26 style berbeda. Ini adalah penyorot sintak yang saya gunakan di blog ini. Saya sangat suka dengan Highlight.js karena kesederhanaan dan sangat mudah dipakai dan disesuaikan. Sayangnya belum tersedia penomoran baris kode dalam style sintaknya. Khusus untuk syntax highlighter nomer 1 dan 2 ini saya sudah memberikan tutorial bagaimana cara pakainya, silahkan disimak pada Cara Mudah Pasang Syntax Highlighter dan Highlight.js

3. GeSHi – Generic Syntax Highlighter

GeSHi mendukung sintak PHP5 and Windows, bahkan dapat digunakan untuk highlighting halaman ASP. Hampir semua jenis bahasa program dapat dibaca dan disoroti sintaknya, kumplit banget deh. Tapi sayang menggunakan php, bukan javascript sehingga kurang simple dalam pemakaiannya.

4. Google Code Prettify

Google Code Prettify adalah modul Javascript dan CSS file yang memungkikan penyorotan syntak pada snippets source sebuah halaman html. Script ini juda digunakan oleh code.google.com.

5. DlHighlight

DlHighlight adalah penyorot sintak sederhana dan ringan namun hanya support 4 bahasa saja yaitu HTML, Javascript, CSS dan XML

6. beautyOfCode

beautyOfCode adalah penyempurnaan dari Syntax Highlighter miliknya Alex Gorbatchev dengan menambahkan jQuery plugin untuk syntax highlighting-nya. Penambahan jQuery ini agar lebih sesuai dengan syntak yang digunakan dalam XHTML.

7. JUSH

JUSH atau JAVASCRIPT SYNTAX HIGHLIGHTER juga menggunakan jQuery untuk syntax highlighting-nya. Meskipun namanya terlihat khusus pada penyorotan javascript saja, tapi sebenarnya juga mendukung bahasa lain seperti HTML, JS, CSS, PHP, PY and SQL.

8. Pygments – Python Syntax Highlighter

Pygments adalah penyorot sintak generik yang mendukung bahasa program populer dan sudah sering dipakai dalam forum, wikis, atau aplikasi lainya.

9. SHJS – Syntax Highlighting in JavaScript

Sesuai dengan namanya, SHJS menggunakan javascript untuk menyesuaikan perintah terhadap penyorotan sintak melalui client side atau browser. Bahasa yang didukung oleh SHJS meliputi: CC++, C#, ChangeLog, CSS, HTML, JavaScript DOM, LaTeX. LDAP files, Log files, LSM (Linux Software Map), Makefile, Oracle SQL, Pascal, Perl, PHP, Prolog, Python, RPM spec files, Ruby, S-Lang, Scala, Shell, SQLSt dan XML.

10. Chili

Chili dapat menyoroti sintak dengan cepat, dan dapat mudah disesuaikan. Beberapa bahasa yeng didukung oleh chili diantaranya C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, and XHTML.

11. CodePress

CodePress lebih kepada editor penyorotan sitak online. Editor ini menawarkan beberapa fitur seperti real-time syntax highlighting, code snippets, auto completion dan multiple windows.