Apa itu Syntax Highlighter?
Apa itu Syntax Highlighter?
Kali ini One-GO! akan Belajar dan Berbagi tentang Apa itu Syntax Highlighter?, Syntax Highlighter adalah fitur dari beberapa teks editor untuk menampilkan teks (Terutama Source Code) dalam berbagai warna, font sesuai dengan istlah kategori. Fitur Syntax Highlighter mempermudah penggunanya di dalam menulis bahasa yang terstruktur seperti bahasa pemrograman atau bahasa markup. Ide dibalik pembuatan Syntax Highlighter adalah untuk memungkinkan penyisipan potongan kode berwarna pada halaman web tanpa bergantung pada sisi script server. Syntax Highlighter menggunakan bahasa reguler untuk melakukan parse terhadap text.

Untuk menambah referensi sobat One-GO! tentang Syntax Highlighter, saya pun memetik beberapa kalimat dari Code Google tentang Syntax Highlighter. Berikut petikannya :

SyntaxHighlighter will help a developer/coder to post code snippets online with ease and have it look pretty. It's 100% Java Script based and it doesn't care what you have on your server.

Artinya, Syntax Highlighter akan membantu pengembang / programmer untuk mengirim potongan kode secara online dengan mudah dan tampilan cantik. Syntax Highlighter 100% menggunakan JavaScript dan tidak peduli apa yang Anda miliki pada server Anda.

Syntax Highlighter Fitur :
  1. Mendukung beberapa format bahasa
  2. Support terhadap semua media browser seperti : Google Chrome, Mozilla FireFox, Internet Explorer, Opera dan lainnya.
  3. Mudah untuk digunakan dan dikembangkan.
  4. 100% untuk pengguna tanpa adanya campur tangan server
  5. Sangat ringan
Support Bahasa Syntax Highlighter :

Language Aliases
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS Css
Delphi delphi, pascal
Java Java
Java Script js, jscript, javascript
PHP Php
Python py, python
Ruby rb, ruby, rails, ror
Sql Sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

Apakah sobat blogger sudah tau yang mana yang di sebut dengan syntax Highlighter? Kalau tidak, perhatikan gambar di bawah ini. Berikut ini adalah contoh kode yang ditempatkan di dalam Syntax Highlighter dan yang tidak ditempatkan di dalam Syntax Highlighter :

Gambar 1.2 Contoh Tanpa Syntax Highlighter

Gambar 2.2 Contoh Menggunakan Syntax Highlighter
One-GO! yakin, dengan adanya gambar di atas, sobat One-GO! sudah tau Apa itu Syntax Highlighter?. Nah saya akan memberikan tutorial bagaimana Cara Memasang SyntaxHighlighter diBlog klik disini

Post a Comment Blogger Disqus

Link yang aktif didalam komentar akan secara otomatis terhapus.
Ingin sisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Ingin sisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Ingin sisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Ingin sisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Ingin sisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Ingin membuat efek tebal gunakan tag <b>...TEKS ANDA...</b>
Ingin membuat efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

 
Top