Come evidenziare la sintassi del codice nel vostro sito
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
Category: Software
About the Author (Author Profile)
Studio Ingegneria Informatica e Bio. all' Università Magna Graecia di Catanzaro, sono appassionato di informatica, e mi piace praticare la pesca nelle acque dolci.Subscribe
If you enjoyed this article, subscribe to receive more just like it.
Comments (6)
Trackback URL | Comments RSS Feed
Sites That Link to this Post