P2WArticles

Guadagna scrivendo articoli

Come evidenziare la sintassi del codice nel vostro sito

CodiceIn 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

Post correlati

Post Metadata

Date
febbraio 24th, 2010

Author
Eddie84

Category

1 Trackbacks/Pingbacks

  1. Technotizie.it 24 02 10
  2. www.upnews.it 24 02 10
  3. ZicZac.it, clicca qui e vota questo articolo! 24 02 10
  4. diggita.it 24 02 10
  5. digo.it 24 02 10
  6. Come evidenziare il codice preformattato degli articoli wordpress 08 08 10

Leave a Reply

Subscribe without commenting