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 :
- Mendukung beberapa format bahasa
- Support terhadap semua media browser seperti : Google Chrome, Mozilla FireFox, Internet Explorer, Opera dan lainnya.
- Mudah untuk digunakan dan dikembangkan.
- 100% untuk pengguna tanpa adanya campur tangan server
- 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 Facebook 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>