我有一个字符串,它表示要打印的非缩进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框架和/或插件。我唯一的要求是在客户端进行此操作。
从问题的文本中, 我得到的印象是期望字符串结果 ,而不是HTML格式的结果。
如果是这样, 实现此目的的最简单方法是使用标识转换和一条<xsl:outputindent="yes"/>指令来处理XML文档:
<xsl:outputindent="yes"/>
<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)都会产生所需的结果: