XSLT正在向HTML图像元素添加附加字符

Question

所以我从创建的XML文件创建网页。它是来自Hearthstone的所有卡片及其属性的列表。

当涉及到图像时，有人可以解释为什么我的xsl转换将字符数据添加到我的img内容输出的尾部和尾部？它甚至在我使用本地图像时也会这样做。我正在使用jEdit。

XML：

<Image_URL> 
     <regular> 
     http://hydra-media.cursecdn.com/hearthstone.gamepedia.com/thumb/3/37/Abomination%28597%29.png/184px-Abomination%28597%29.png?version=9e47af5b792479ac6617cb30bf7da8a4 
     </regular> 

     <gold> 
     http://hydra-media.cursecdn.com/hearthstone.gamepedia.com/thumb/1/10/Abomination%28597%29_Gold.png/184px-Abomination%28597%29_Gold.png?version=a340c375a36e6c10eec4a747a3170901 
     </gold> 
    </Image_URL> 

XSL：

<xsl:template match="regular"> 
    <p> 
     <img src="{.}"/> 
    </p> 
</xsl:template> 

输出：

<img src="%0A%09%09%09http://hydra-media.cursecdn.com/hearthstone.gamepedia.com/thumb/3/37/Abomination%28597%29.png/184px-Abomination%28597%29.png?version=9e47af5b792479ac6617cb30bf7da8a4%0A%09%09%09"></p> 

Answer 1

你看到周围的URL数据的额外的空格，因为这是非常印刷元素。

使用normalize-space在属性值模板删除此：

<xsl:template match="regular"> 
    <p> 
     <img src="{normalize-space(.)}"/> 
    </p> 
</xsl:template>