Box per codice in Javascript, fatto da me

[sevenjeak]

Già da tempo ho fatto un codice Javascript, che utilizza anche jQuery, per trasformare un semplice box, contenente del codice, in un box con righello ( non so se avete presente come viene mostrato il codice in alcuni tutorial o guide ), questo è il codice che ho scritto:

var codes = null;
var lines = null;
var stuct = "";

$(document).ready(function()
{
   if (!document.all) {
	   codes = $("pre");
	   
	   for (var i = 0; i < codes.length; i++)
	   {
               
	       struct = "<ul class=\"righello\">";
	       lines = codes.eq(i).text().split("\n");
	       
	       for (var j = 0; j < lines.length; j++)
	       {
	          if (lines[j]) {struct += "<li>" + (j + 1) + "</li>"; }
	       }
	       
	       struct += "</ul>";
	       struct += "<ul class=\"lines\">";
	       
	       for (var jj = 0; jj < lines.length; jj++)
	       {
	          if (lines[jj]) {struct += "<li>" + lines[jj] + "</li>"}; 
	       }
	       struct += "</ul>";
	       
	       codes.eq(i).css("padding", "0px");
	       codes.eq(i).css("background", "none"); 
	       codes.eq(i).html(struct);
	   }
   }
});

Purtroppo fino ad ora, siccome nel mio sito sto facendo molte guide, utilizzando il codice su delle pagine con diversi codici, solo ora, mi sono accorto che mi interpreta il codice html, anche se lo scrivo in questo modo:

& l t ; h1 & g t ; primo &l t ; / h1 & g t ;

Tutto attaccato.

Ma io non voglio che me lo interpreta, voglio che me lo scrive solo, cosa che mi succede, senza script, io vorrei che anche con lo script me lo facesse.

Non so se mi sono spiegato bene.

Penso che il tuo problema stia qui:

codes.eq(i).html(struct);

Prova ad usare .text() al posto di .html() ;-)

[sevenjeak]

Se metto .text() al posto di .html(), cosa che avevo già provato, e scusa se mi sono dimenticato di dirlo nel mio primo post, tutto il codice che inserisco, compreso l'ul id="righello" ( non so se mi spiego ), me lo scrive come semplice testo, anche perché il righello fa parte della variabile struct.

Cmq, o pensato, su internet avevo visto, tempo fa, un codice che faceva tutto questo, colorava anche la sintassi del codice all'interno del box, ma ora non lo trovo, non so, se mai potrete segnalarmi uno script del genere?

Ciao, io per il mio blog utilizzo un plugin wordpress chiamato SyntaxHighlighter e, se non erro, mi sembrava avessero fatto un porting dello stesso come plugin di jQuery.

Prova a chiedere a Google San, sono sicuro che ti fornirà la risposta che ti serve...

[sevenjeak]

Ecco come si chiamava.

Non ricordavo il suo nome, quel plugin già lo visto, e a quanto pare non è limitato all'utilizzo con i cms più conosciuti, non ricordavo il suo nome.

Premetto che ora non ho tempo per vederlo meglio, cmq grazie, cercherò di usare quello, e se mai mi studio il suo codice per una prossima volta.