10 Syntax Highlighter Untuk Menulis Kode dalam Posting

27 Oct 2015 12:50 • Post By

Terkadang kita perlu untuk menulis potongan kode program di dalam website yang sedang kita buat agar dapat dibaca oleh orang lain. Hal ini biasa nya perlu dilakukan oleh sebuah website yang kontennya berupa tutorial pembuatan program atau website.

Hal diatas juga terjadi pada website tutorial.net yang sedang anda baca ini, dimana kami juga perlu untuk menampilkan potongan-potongan kode program dari tutorial yang kami jelaskan. disitu bisa anda ketahui plugin apa yang digunakan di website TWD.

Ada banyak sekali jquery plugin yang bisa anda gunakan untuk menampilkan potongan kode, dengan plugin sintax highlighter potongan program yang ditulis akan terlihat rapih, akan menyesuaikan dengan lebar layout anda, dan tidak akan di eksekusi oleh website itu sendiri.

Berikut kami informasikan kepada anda 10 Jquery syntax highlighter yang bisa anda gunakan pada website anda.

1. Hightlight.js


Hihglight.js bisa digunakan untuk 112 bahasa dan memiliki 49 style, dia akan otomatis mendeteksi bahasa yang digunakan, support lebih dari satu penggunaan bahasa, bisa digunakan untuk node.js dan juga kompatibel dengan sebagian besar framework javascript.

2. Jush JavaScript Syntax Highlighter


JavaScript Syntax Highlighter ini dapat digunakan untuk client-side syntax highlighter untuk bahasa-bahasa pemograman berikut: HTML, CSS, JavaScript, PHP, SQL, HTTP and SMTP protocol, php.ini dan Apache config.

3. Beauty of Code


Beauty of code salah satu sintax highlighter yang juga sering digunakan oleh developer, anda bisa cek langsung di website nya untuk info lebih lanjut tentang plugin ini

4. Google Code Prettify


Google Code Prettify adalah sebuah modul javascript dan file css yang memungkinkan anda menulis kode dari source code yang anda miliki dalam halaman website.
10 Syntax Highlighter Untuk Menulis Kode dalam Posting

5. Lighter for MooTools


Lighter adalah syntax highlight class yang dikembangkan untuk MooTools. Dibuat dengan MooTools developer dengan referensi dari beberapa fitur framework.

6. Syntax Highlighter


SyntaxHighlighter ini dibuat oleh Alex Gorbatchev, dan sepertinya inilah yang paling banyak digunakan website untuk menampilkan potongan kode program.
10 Syntax Highlighter Untuk Menulis Kode dalam Posting

7. Quick Highlighter


Quick Highlighter ini bisa digunakan untuk menulis bahasa pemograman baik server-side maupun client-side

8. Snippet Code Highlighter


Snippet adalah Jquery plugin yang dibangun diatas skrip SHJS yang bisa ditemukan di SourceForge. Snipped menyediakan cara cepat dan mudah untuk menandai bagian tertentu dari potongan kode dalam halaman website HTML.

9. Syntax Highlighting in JavaScript


SHJS adalah sebuah program Javascript yang bisa menandai bagian source code dalam dokumen HTML. Banyak digunakan oleh developer untuk membangun sintax highlighter model lain nya.

10. Rainbows Syntax Highlighter


Rainbow adalah sebuah syntax highlighting library yang ditulis dalam Javascript, rainbow dirancang agar ringan (hanya 1,4kb), mudah digunakan, dan dapat di kembangkan. Dapat dikostumasi juga dengan css.

10 Syntax Highlighter Untuk Menulis Kode dalam Posting

Itulah beberapa plugin Jquery syntax highlighter terbaik yang bisa anda gunakan untuk menuliskan dan menandai potongan kode program yang hendak anda tampilkan dihalaman website (HTML) dan tidak akan di eksekusi oleh browser.

Semoga berguna untuk anda semua yang sedang membangun website, jika anda memiliki referensi lain yang lebih baik, anda bisa menuliskan nya dalam kolom komentar agar informasi yang kami bagikan ini semakin berguna untuk orang lain, salam web design indonesia.


Jangan lupa Subscribe ya !!

10 Syntax Highlighter Untuk Menulis Kode dalam Posting | Tutorialku.Net | 4.5