用JavaScript漂亮地打印XML

Question

我有一个字符串，它表示要打印的非缩进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框架和/或插件。我唯一的要求是在客户端进行此操作。