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


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.

Vota Articolo:
Articoli Correlati
JQUERY - Grafica Stupenda ed Effetti Accattivanti per Gallery 3D di immagini
Come effettuare il redirect di una pagina in Html, Javascritp, Php, Asp, Jsp, Coldfusion
ASP - Form ed invio di mail in formato HTML
Benvenuti in Blogrammazione!!
PHP - Leggere RSS per creare news ticker scorrevoli

3 Commenti a “Blog - Come inserire facilmente codice sorgente all’interno delle pagine”

  1. upnews.it scrive:

    Blog - Come inserire facilmente codice sorgente all’interno delle pagine…

    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, dun…

  2. ZicZac.it, clicca qui e vota questo articolo! scrive:

    Questo articolo è stato segnalato su ZicZac.it….

  3. diggita.it scrive:

    Blog - Come inserire facilmente codice sorgente all’interno delle pagine…

    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, dun…

Scrivi un commento

Inserisci Emoticon

  • :em04:
  • :em01:
  • :em28:
  • :em08:
  • :em66:
  • :em57:
  • :em52:
  • :em30:
  • :em22:
  • :em50:
  • :em49:
  • :em61:
  • :em14:
  • :em63:
  • :em24:
  • :em64:
  • :em54:
  • :em55:
  • :em41:
  • :em67:
  • :em62:
  • :em51:
  • :em34:
  • :em12:
  • :em32:
  • :em18:
  • :em21:
  • :em17:
  • :em56:
  • :em48:
  • :em38:
  • :em44:
  • :em58:
  • :em47:
  • :em15:
  • :em40:
  • :em27:
  • :em60:
  • :em03:
  • :em29:
  • :em72:
  • :em53:
  • :em02:
  • :em46:
  • :em65:
  • :em71:
  • :em35:
  • :em37:
  • :em11:
  • :em69:
  • :em68:
  • :em23:
  • :em13:
  • :em05:
  • :em45:
  • :em09:
  • :em36:
  • :em25:
  • :em43:
  • :em59:
  • :em39:
  • :em31:
  • :em06:
  • :em10:
  • :em16:
  • :em20:
  • :em33:
  • :em07:
  • :em26:
  • :em42:
  • :em70:
  • :em19: