Ho una stringa che rappresenta un XML non indentato che vorrei stampare piuttosto. Per esempio:
<root><node/></root>
dovrebbe diventare:
<root>
<node/>
</root>
L'evidenziazione della sintassi non è un requisito. Per affrontare il problema, prima trasformo l'XML per aggiungere ritorni a capo e spazi bianchi e quindi utilizzare un pre- tag per generare l'XML. Per aggiungere nuove linee e spazi bianchi ho scritto la seguente funzione:
function formatXml(xml) {
var formatted = '';
var reg = /(>)(<)(\/*)/g;
xml = xml.replace(reg, '$1\r\n$2$3');
var pad = 0;
jQuery.each(xml.split('\r\n'), function(index, node) {
var indent = 0;
if (node.match( /.+<\/\w[^>]*>$/ )) {
indent = 0;
} else if (node.match( /^<\/\w/ )) {
if (pad != 0) {
pad -= 1;
}
} else if (node.match( /^<\w[^>]*[^\/]>.*$/ )) {
indent = 1;
} else {
indent = 0;
}
var padding = '';
for (var i = 0; i < pad; i++) {
padding += ' ';
}
formatted += padding + node + '\r\n';
pad += indent;
});
return formatted;
}
Quindi chiamo la funzione in questo modo:
jQuery('pre.formatted-xml').text(formatXml('<root><node1/></root>'));
Questo funziona perfettamente per me, ma mentre scrivevo la funzione precedente ho pensato che ci doveva essere un modo migliore. Quindi la mia domanda è: conosci un modo migliore di dare una stringa XML per stamparla in una pagina html? Qualsiasi framework javascript e / o plug-in che potrebbero svolgere il lavoro è il benvenuto. Il mio unico requisito è che ciò avvenga sul lato client.