如何在XSL中混合标识转换与自定义规则实现XML展示？

嘿，这个问题我之前也碰到过！核心问题是XSL的模板匹配会默认优先匹配你写的自定义模板，导致你想输出原始XML的时候，反而触发了书架渲染的文本输出逻辑。解决办法其实很简单——用**模式（mode）**把两种处理逻辑完全隔离开来，具体步骤如下：

1. 给现有书架渲染模板添加模式标识 #

把你已经写好的、用于生成书架样式的所有模板，都加上mode="shelf"属性，这样它们只会在明确指定这个模式的时候才会被调用，不会干扰XML输出的逻辑：

<!-- 根节点的书架渲染模板 -->
<xsl:template match="/" mode="shelf">
  <div class="book-shelf-container">
    <!-- 你的书架结构代码 -->
    <xsl:apply-templates mode="shelf"/>
  </div>
  <!-- 新增显示/隐藏按钮和XML文本框 -->
  <button onclick="toggleXmlDisplay()">显示原始XML</button>
  <textarea id="raw-xml" style="display: none; width: 100%; height: 300px;">
    <!-- 调用XML输出模式的模板 -->
    <xsl:apply-templates select="/" mode="xml-view"/>
  </textarea>
</xsl:template>

<!-- books节点的书架渲染模板 -->
<xsl:template match="books" mode="shelf">
  <!-- 你原来的books节点渲染代码 -->
</xsl:template>

<!-- authors节点的书架渲染模板 -->
<xsl:template match="authors" mode="shelf">
  <!-- 你原来的authors节点渲染代码 -->
</xsl:template>

2. 编写专门用于输出XML的模板 #

创建一套新的模板，用mode="xml-view"标识，专门负责复制原始XML的节点和属性，确保输出的是纯XML内容：

<!-- 匹配所有元素节点，复制自身及属性 -->
<xsl:template match="*" mode="xml-view">
  <xsl:copy>
    <xsl:copy-of select="@*"/>
    <xsl:apply-templates mode="xml-view"/>
  </xsl:copy>
</xsl:template>

<!-- 处理文本节点，可选：去除多余空白让XML更整洁 -->
<xsl:template match="text()" mode="xml-view">
  <xsl:value-of select="normalize-space(.)"/>
</xsl:template>

<!-- 匹配注释和处理指令，可选：保留原始XML的注释等内容 -->
<xsl:template match="comment()|processing-instruction()" mode="xml-view">
  <xsl:copy/>
</xsl:template>

3. 添加简单的JS控制显示/隐藏 #

在HTML输出里加入一段JavaScript，实现按钮的切换功能：

function toggleXmlDisplay() {
  const xmlTextarea = document.getElementById('raw-xml');
  xmlTextarea.style.display = xmlTextarea.style.display === 'none' ? 'block' : 'none';
}

为什么这个方法有效？ #

XSL的模式（mode）相当于给模板分组，当你用<xsl:apply-templates mode="shelf"/>时，只会调用带mode="shelf"的模板；而调用<xsl:apply-templates mode="xml-view"/>时，只会触发XML输出的模板。这样两种逻辑完全独立，再也不会出现自定义模板被错误调用的情况了。

如果你的XML输出不需要任何自定义处理，甚至可以直接用<xsl:copy-of select="/"/>代替XML模式的模板，它会直接复制整个原始XML树，更简洁。

内容的提问来源于stack exchange，提问作者frenchone