Kali ini saya akan memperkenalkan sebuah ekstension yang sangat berguna bagi anda yang suka membuat tutorial yang berkaitan dengan pemrograman atau coding. Karena plugin ini akan mengubah teks yang dipilih menjadi sebuah tampilan khas dari skrip/bahasa pemrograman tertentu sehingga menjadi lebih komunikatif. Banyak yang bisa disupport plugin ini antara lain bash, shell, csharp, cpp, c, css, delphi, pascal, diff, patch, groovy, javascript, java, perl, php, python, rails, ruby, scala, sql, vb, vbnet, xml, xhtml, xslt, html, xhtml.
Cara penggunaannya adalah cukup mudah, karena plugin ini bekerja pada editor WYSIWYG bukan html cukup menggunakan tag {codecitation} dan sintaks seperti dibawah ini :
{codecitation class="<parameters for SyntaxHighlight engine>)" width="<width>"}
CODE TO HIGHTLIGHT
{/codecitation}
Sebagai contoh hasil dari plugin ini adalah sebagai berikut :
{codecitation class="brush: xml; gutter: false;" width="400px"}
<company>
<name>ACME</name>
<address>Address example</address>
</company>
{/codecitation}
CARA MENGINSTALL :
Install plugin menggunakan menu Install pada Backend Joomla, kemudian aktifkan plugin ini. Dan plugin siap digunakan.
Parameter Tambahan :
| Name | Value example | Description |
| auto-links | true | Allows you to turn detection of links in the highlighted element on and off. If the option is turned off, URLs won't be clickable. |
| collapse | false | Allows you to force highlighted elements on the page to be collapsed by default. |
| first-line | 1 | Allows you to change the first (starting) line number. |
| gutter | true | Allows you to turn gutter with line numbers on and off. |
| highlight | [1, 2, 3] | Allows you to highlight one or more lines to focus user's attention. When specifying as a parameter, you have to pass an array looking value, like [1, 2, 3] or just an number for a single line. |
| html-script | false | Allows you to highlight a mixture of HTML/XML code and a script which is very common in web development. Click here for a demo. |
| light | false | Allows you to show column ruler on top of highlighted elements. |
| ruler | false | Allows you to show column ruler on top of highlighted elements. |
| smart-tabs | true | Allows you to turn smart tabs feature on and off. Click here for a demo. |
| toolbar | true | Toggles toolbar on/off. |
Penasaran ingin mencoba silakan download ekstension DISINI. Contoh hasil juga dapat dilihat di daftar-record-menggunakan-listview.html.