Sabtu, 04 April 2009

Syntax Hihglighter

adalah Systax yang digunakan menampilkan penggalan kode secara cara mudah agar terlihat lebih menarik. dengan menggunakan Syntax Hihglighter, diharapkan pembaca bisa lebih mngerti source code dalam bentuk bahasa asli. Syntax ini 100% menggunakan java script sebagai bahasa pemogramannya, jadi bisa di tampilkan disemua bahasa web apapun.

Kekurangan :
Jika anda hanya menampilkan cuplikan-cuplikan kode bukan suatu masalah. masalah terjadi jika anda memasukkan text yang besarnya lebih dari 5KB, akan sangat dibutuhkan waktu untuk meng generate text tersebut karena proses esekusi.

Bahasa Program yang didukung :

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

Cara Memasang pada blog/Blogger :

1. Download dulu plugin nya :
SyntaxHighlighter_1.5.1.rar
2. Upload semua file di Scripts dan Styles di server anda. atau anda bisa mengcopy source code di bawah ini letakkan di bawah kode <head> :

<script type="text/javascript" src="http://suryahawk.googlepages.com/shCore.js" > </script>

<script type="text/javascript" src="http://suryahawk.googlepages.com/shBrushJava.js" > </script>

<script type="text/javascript" src="http://suryahawk.googlepages.com/shBrushJScript.js" > </script>

<script type="text/javascript" src="http://suryahawk.googlepages.com/shBrushPhp.js" > </script>

<script type="text/javascript" src="http://suryahawk.googlepages.com/shBrushPlain.js" > </script>

<script type="text/javascript" src="http://suryahawk.googlepages.com/shBrushSql.js" > </script>
<script type="text/javascript" src="http://suryahawk.googlepages.com/shBrushSql.js" > </script>

<link type="text/css" rel="stylesheet" href="http://suryahawk.googlepages.com/SyntaxHighlighter.css"/>

<script language='javascript'>
function start() {
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false);
}
window.onload = start;
</script>

Anda bisa merubah kode diatas disesuaikan dengan server anda. atau anda tetap menggunakan source code diatas.

Cara menggunakannya :

<pre name="code" class="java">
function test() : String
{
return 10;
}
</pre>

<pre name="code" class="php">
<html>
<head>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</head>
</html>

</pre>
<pre name="code" class="js">
function exec(){
alert ();
}

</pre>
<pre name="code" class="html">
<html>
<head>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</head>
</html>

</pre>
<pre name="code" class="sql">
select * from master order by code;

</pre>


Selengkapnya bisa di pelajari di : http://code.google.com/p/syntaxhighlighter/

Jika ingin memposting code HTMl ke dalam code html/ke dalam blog anda bisa menggunakan software dari :
http://blogcrowds.com/resources/parse_html.php
Disini anda bisa memparse/merubah kode html anda kedalam bentuk text yang nanti akan di terjemahkan oleh browser dan ditampilkan sebagai kode html.


Tidak ada komentar:

.