如何在<xsl:value-of>中使用元素？XML转HTML保留<code>标签求助

嘿，我来帮你搞定这两个头疼的问题——先解开<code>标签消失的谜团，再把<xsl:value-of>的正确用法讲明白～

一、为什么你的<code>标签不见了？ #

核心原因是**<xsl:value-of>只会提取元素的纯文本内容，不会保留任何子元素的标签结构**。不管你XML里写的是<code>还是转义后的<code>，用<xsl:value-of>输出时都会变成纯文本：前者的标签被直接剥离，后者会显示成<code>字符串，而不是真正的HTML标签。

正确解决方案 #

根据你的需求，有两种常用方法：

1. 用<xsl:copy-of>直接复制节点结构

如果你只想把XML里的<code>原样转换成HTML的<code>，可以用<xsl:copy-of>复制整个节点（包括子元素和文本）：

假设你的XML结构是这样：

<article>
  <paragraph>
    这是一段包含代码的文本：<code>function add(a,b) { return a+b; }</code>，是不是很清晰？
  </paragraph>
</article>

对应的XSLT代码可以这么写：

<xsl:template match="paragraph">
  <p>
    <!-- 复制paragraph下的所有节点：文本和<code>元素都会保留 -->
    <xsl:copy-of select="node()"/>
  </p>
</xsl:template>

这样输出的HTML里会保留<code>标签，之后你可以用CSS给它加样式（比如等宽字体、灰色背景）。

2. 用模板匹配自定义<code>的样式

如果想给HTML里的<code>添加样式或属性，推荐写专门的模板匹配XML里的<code>元素：

<!-- 匹配XML中的<code>，转换成带样式的HTML <code> -->
<xsl:template match="code">
  <code style="background-color: #f5f5f5; padding: 2px 6px; border-radius: 4px; font-family: monospace;">
    <xsl:value-of select="."/>
  </code>
</xsl:template>

<!-- 匹配文本节点，直接输出内容 -->
<xsl:template match="text()">
  <xsl:value-of select="."/>
</xsl:template>

<!-- 匹配段落节点，应用模板处理子元素 -->
<xsl:template match="paragraph">
  <p>
    <xsl:apply-templates/>
  </p>
</xsl:template>

这种方式更灵活，能完全控制输出的<code>样式。

二、<xsl:value-of>里怎么使用元素？ #

先说结论：<xsl:value-of>不能直接嵌套元素，它的作用就是提取并输出文本内容。如果想在输出中同时包含文本和元素，你需要直接在模板里组合元素和<xsl:value-of>，或者用<xsl:apply-templates>。

举个错误示例（千万别这么写）：

<!-- 错误！<xsl:value-of>里不能放元素 -->
<xsl:value-of select="concat('这是代码：', <code>const x = 10;</code>)"/>

正确的写法是直接在模板里拆分：

<xsl:text>这是代码：</xsl:text>
<!-- 用<xsl:value-of>提取代码内容，外面套HTML的<code>标签 -->
<code><xsl:value-of select="code节点的路径"/></code>

或者用<xsl:apply-templates>让XSLT自动处理子元素，就像前面<code>标签的解决方案那样。

关键总结 #

• 要保留XML中的标签结构，别用<xsl:value-of>，改用<xsl:copy-of>或模板匹配
• 不要把XML里的元素转成实体（比如<code>），那样会变成纯文本，不是HTML标签
• <xsl:value-of>只负责输出文本，想输出元素直接写在模板里，或者用<xsl:apply-templates>

内容的提问来源于stack exchange，提问作者D. Pardal