Box per codice in Javascript, fatto da me
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:
Codice HTML:
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:
Codice:
& 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.
