Come installare SyntaxHighlighter
13 Marzo 2018
1. Scarico l’ultima versione del software
2. Estraggo i file in un archivio temporaneo e carico le directory Scripts and Styles
3. Per attivare, ad esempio, l’evidenziazione della sintassi per il codice php e xml, inserire nella <head> </head> della pagina da evidenziare il seguente codice:
<link rel="stylesheet" type="text/css" href="Styles/SyntaxHighlighter.css"></link> <script type="text/javascript" src="Scripts/shCore.js"></script> <script type="text/javascript" src="Scripts/shBrushPhp.js"></script> <script type="text/javascript" src="Scripts/shBrushXml.js"></script> <script type="text/javascript" src="Scripts/shBrushCss.js"></script> <script type="text/javascript" src="Scripts/shBrushJScript.js"></script>
4. Inserire questo codice prima del tag di chiusura del </body> nella pagina da evidenziare:
<script type="text/javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'Scripts /clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
Per visualizzare il testo correttamente evidenziato, seguire le seguenti procedure:
1. Inserisci il codice da evidenziare tra i due tag <pre></pre>.
2. Impostare il nome dell’attributo su “Code” e la classe attribute su una delle lingue disponibili (php, XML, ecc.), come nel seguente codice:
<pre name="code" class="php"> ... qui va inserito il codice ... </pre>