我有一个字符串，它表示要打印的非缩进XML。例如：

<root><node/></root>

应该变成：

<root>
  <node/>
</root>

语法高亮不是必需的。为了解决该问题，我首先将XML转换为添加回车符和空格，然后使用pre标记输出XML。为了添加新行和空白，我编写了以下函数：

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;
}

然后，我像这样调用该函数：

jQuery('pre.formatted-xml').text(formatXml('<root><node1/></root>'));

这对我来说很好用，但是当我编写上一个函数时，我认为必须有更好的方法。所以我的问题是，给定XML字符串以将其漂亮地打印在html页面中，您是否知道更好的方法？欢迎任何可以完成此工作的JavaScript框架和/或插件。我唯一的要求是在客户端进行此操作。