用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框架和/或插件。我唯一的要求是在客户端进行此操作。

Answer 1

从问题的文本中， 我得到的印象是期望字符串结果 ，而不是HTML格式的结果。

如果是这样， 实现此目的的最简单方法是使用标识转换和一条<xsl:outputindent="yes"/>指令来处理XML文档：

<xsl：stylesheet version =“ 1.0”
 xmlns：xsl =“ http://www.w3.org/1999/XSL/Transform”>
 <xsl：output omit-xml-declaration =“ yes” indent =“ yes” /> />

    <xsl：template match =“ node（）| @ *”>
      <xsl：copy>
        <xsl：apply-templates select =“ node（）| @ *” />
      </ xsl：copy>
    </ xsl：template>
</ xsl：stylesheet>

在提供的XML文档上应用此转换时：

<root> <node /> </ root>

大多数XSLT处理器（.NET XslCompiledTransform，Saxon 6.5.4和Saxon9.0.0.2，AltovaXML）都会产生所需的结果：

<root>
  <node />
</ root>