Qualcuno mi ha chiesto come si può inserire il codice sorgente d'esempio nelle pagine web come siti o blog; ho deciso di fare questo breve tutorial per condividere il codice open source che utilizzo per il questo blog.
Highlight.js è un piccolo set, composto da codice javascript e foglio di stile css, in grado di visualizzare correttamente del codice sorgente all'interno di una pagina web, trasformando:
| questo public void foo(){ doSomething(); } | in questo
|
le opportunità messe a disposizione sono molte e la personalizzazione è accessibile a tutti, ma iniziamo dal principio.
Subito dopo il tag <head> della vostra pagina web inserite il seguente codice:
<link href='http://yandex.st/highlightjs/8.0/styles/ir_black.min.css' rel='stylesheet'/>
<script src='http://yandex.st/highlightjs/8.0/highlight.min.js'/>
<script> hljs.initHighlightingOnLoad(); </script>
fatto questo ogni volta che desiderate inserire un codice non servirà altro che inserire il sorgente all'interno dei tag:
<pre><code>...</code></pre>
Per gli utenti di Blogger:
Nel pannello di controllo di Blogger, premere Modelli > Modifica HTML. All'interno del codice troverete il tag <head> dove inserire i codici per highlight.
Per specificare secondo quale linguaggio di programmazione evidenziare il codie, basta inserire l'attributo class al tag <code>.
esempio:
maggiori informazioni qui.
Come specificare il linguaggio utilizzato:
Per specificare secondo quale linguaggio di programmazione evidenziare il codie, basta inserire l'attributo class al tag <code>.
esempio:
<code class="java">codice java</code>
maggiori informazioni qui.
Nessun commento:
Posta un commento