Blog – Come inserire facilmente codice sorgente all’interno delle pagine

giugno 14th, 2008 - (7 Comments)



Quante volte abbiamo bisogno di inserire codice nei commenti o negli articoli del nostro blog ma non vi riusciamo? Il motivo è semplice: gli editor utilizzati dalle nostre piattaforme convertono in automatico tutto il codice che gli viene passato, dunque ogni entità HTML, per esempio, viene automaticamente convertita nel carattere corrispondente.
Come possiamo risolvere tale problema?

Il metodo più veloce è senz’altro quello di utilizzare l’utilissimo parser disponibile qui . E’ sufficiente inserire nella textarea a disposizione il codice HTML che vogliamo non venga interpretato, e cliccare sul tasto “Parser” .

Il Parser convertirà automaticamente tutti i caratteri nella corrispondente entità HMTL: in questo modo, quando postiamo il codice, gli editor lo interpreteranno come fanno con il resto del testo, e quindi le entità HTML verranno convertite nei rispettivi caratteri, che saranno leggibili e quindi condivisibili. Questo Parser è ovviamente molto comodo soprattutto quando vogliamo postare il codice nei commenti dei blog. Quando invece vogliamo permettere la visualizzazione del codice nel testo di articoli che scriviamo nei nostri blog, allora la strada più comoda è l’utilizzo del pluging WP-Syntax.

Questo plugin permette di inserire nei nostri articoli codice in diversi linguaggi di programmazione, quelli supportati da GeShi . Dopo l’installazione e l’attivazione del plugin sul nostro blog wordpress, è sufficiente scrivere il codice all’interno dei tag

<pre lang=”LANGUAGE” line=”1″> codice </pre>

dove il valore dell’attributo lang è il linguaggio in cui è scritto il sorgente e che è correttamente supportato da GeShi . Ad esempio, se volessimo inserire del codice in PHP, dovremmo procedere in questo modo:

<pre lang="php">
 <div id="foo">
 <?php
 function foo() {
 echo "Hello World!\\n";
 }
 ?>
 </div>
 </pre>

se invece volessimo inserire codice Java, procederemmo in questo modo:

<pre lang="java" line="1">
 public class Hello {
 public static void main(String[] args) {
 System.out.println("Hello World!");
 }
 }
 </pre>

Semplice e veloce. In questo modo, rendiamo condivisibile il codice, perchè è sufficiente procedere con il copia ed incolla per usufruire del sorgente postato.

You can follow any responses to this entry through the RSS 2.0 You can leave a response, or trackback.

7 Responses



Leave a Reply

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

*

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">