使用XSLT可以漂亮地打印XML / XHTML而不会破坏名称空间信息

问题描述

|| 我正在尝试使用XSLT（使用Javascript）漂亮地打印已经由机器生成的XHTML文档。但是，我尝试使用的各种XSLT都破坏了xmlns属性（请参见下文）。 这是所需输出的示例（由不缩进的紧凑XHTML手工制作）。

<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<h:html xmlns:h=\"http://www.w3.org/1999/xhtml\" xmlns:orx=\"http://openrosa.org/jr/xforms\" xmlns=\"http://www.w3.org/2002/xforms\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:jr=\"http://openrosa.org/javarosa\">
    <h:head>
    <h:title>New Form1</h:title>
....

这是我得到的：

<h:html h=\"http://www.w3.org/1999/xhtml\" orx=\"http://openrosa.org/jr/xforms\" xmlns=\"http://www.w3.org/2002/xforms\" xsd=\"http://www.w3.org/2001/XMLSchema\" jr=\"http://openrosa.org/javarosa\">
    <h:head>
    <h:title>New Form1</h:title>
...

请注意，第二个代码片段的\'h：html \'标记中的xmlns属性已更改。此外，开头的“ 2”标签也丢失了。 这是我使用过的（众多）XSLT之一，具有类似的结果：

<xsl:stylesheet version=\"1.0\" xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\">\\
    <xsl:output method=\"xml\" indent=\"yes\"/>
    <xsl:strip-space elements=\"*\"/>
    <xsl:template match=\"/\">
        <xsl:copy-of select=\".\"/>
    </xsl:template>
</xsl:stylesheet>

关于我在做什么错的任何想法吗？我在尝试做不可能的事吗？ 如果您想知道为什么要这样做：我必须使用GWT作为设计FormDesigner Web应用程序的框架。这是输出，但是对于希望进行手工编辑的技术性更高的用户，必须是人类可读的。 GWT只是不做xml漂亮的打印（就目前为止我所知）。因此，我们原生于JS领域，并在那里寻求解决方案。 想法/解决方案将不胜感激！ 编辑： 这是利用XSLT的Javascript。我调用beautifyXML（）函数来实际执行缩进：

//var xsl_string = \'<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>\';


// from: http://www.xml.com/pub/a/2006/11/29/xslt-xml-pretty-printer.html?page=3

var xsl_string = \'<xsl:stylesheet version=\"1.0\" xmlns:xsl=\"http://www.w3.org/1999/XSL/Transform\">\\
<xsl:output method=\"xml\" indent=\"yes\"/>\\
<xsl:strip-space elements=\"*\"/>\\
<xsl:template match=\"/\">\\
  <xsl:copy-of select=\".\"/>\\
</xsl:template>\\
</xsl:stylesheet>\';


var xsl = (new DOMParser()).parseFromString(xsl_string,\"text/xml\");


function stringToXml(xml_string) {
    return (new DOMParser()).parseFromString(xml_string,\"text/xml\");
}

function xmlToString(xml) {
    return (new XMLSerializer()).serializetoString(xml);
}


function isParseError(xml) {
    try {
       // console.log(     xml.documentElement.firstChild.firstChild.tagName);
        return xml.documentElement.tagName == \"parsererror\" ||
                xml.documentElement.firstChild.firstChild.tagName == \"parsererror\";
    }
    catch (ex) {
        return false;
    }
}
function beautifyXml(input) {
    var xml = stringToXml(input);

    if (isParseError(xml)) {
        return input;
    }

    var transformedXml = xslTransformation(xml,xsl);
    return xmlToString(transformedXml);
}

/**
 * @param xml
 * @param xsl
 */
function xslTransformation(xml,xsl) {
    // code for IE
    if (window.ActiveXObject) {
        var ex = xml.transformNode(xsl);
        return ex;
    }
    // code for Mozilla,Firefox,Opera,etc.
    else if (document.implementation && document.implementation.createDocument) {
        var xsltProcessor = new XSLTProcessor();
        xsltProcessor.importStylesheet(xsl);
        var resultDocument = xsltProcessor.transformToFragment(xml,document);
        return resultDocument;
    }
}

    

解决方法

我终于找到了答案（现在只在这里发布了答案）。 事实证明，问题不在于XSLT本身，而在于javascript如何调用它。该行：

var resultDocument = xsltProcessor.transformToFragment(xml,document);

在我粘贴问题的最后一个代码示例中（在示例底部附近），应显示为：

var resultDocument = xsltProcessor.transformToDocument(xml,document);

（注意：transformToFragment成为transformTo Document） 此更改将导致不忽略现有xmlns属性，并且转换将正确进行。 感谢您的所有帮助！评论中的问题使我找到了正确的解决方案。