Come evidenziare la sintassi del codice nel vostro sito

| | 6 Comments

In molti blog o siti avrete visto che quando citano pezzi di codice, di qualsiasi linguaggio esso sia, risulta evidenziata la sintassi come se fosse aperto con un programma pad, proprio come in questa pagina.


Per farlo anche sul vostro ecco cosa dovete fare;
Inserite questo pezzo di codice tra i tag <head> del vostro blog/sito:

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

Una volta inserito questo codice nel vostro head, ogni volta che volete utilizzarlo non dovrete far altro che scrivere nella pagina il seguente codice html:

<pre class="brush:LINGUAGGIO;">
IL VOSTRO CODICE DA EVIDENZIARE
</pre>

A LINGUAGGIO dovrete sostituire il linguaggio del codice che inserirete, ad esempio potete mettere: php, sql, bash, htm, xml, csharp, cpp, css, java, js, python, ruby, vb.

Ecco un paio di esempi:

PHP:

<php echo 'ciao';
if ($a==0)
$a=$a+$b;
?>

Javascript:

/**
* SyntaxHighlighter
*/
function foo()
{
if (counter >= 10)
return;
// it works!
}

Ciao a tutti

Tags: , , , ,

Category: Software

About the Author ()

Studio Ingegneria Informatica e Bio. all' Università Magna Graecia di Catanzaro, sono appassionato di informatica, e mi piace praticare la pesca nelle acque dolci.