如何将父项的第一个子项中的属性移动到 XSLT 中的父项?
Posted
技术标签:
【中文标题】如何将父项的第一个子项中的属性移动到 XSLT 中的父项?【英文标题】:How do you move an attribute in the first child of a parent to the parent in XSLT? 【发布时间】:2017-01-05 10:35:04 【问题描述】:我是 XSLT 的初学者,我正在尝试将 flash 文本格式转换为基于 html 的格式
源 xml 中有 <LI></LI>
块,所有 <LI>
块包含 1 个或多个 <FONT>
节点。我需要将内联 css 中 <FONT>
的样式应用到 <LI>
并删除 <FONT>
节点(第一个 FONT 子节点)。
(示例仅用于解释 - 开始) 来自:
<LI>
<FONT FACE="Lato" SIZE="24" COLOR="#F7941D" LETTERSPACING="0" KERNING="0">
<I>ertrr</I>
<FONT SIZE="12" COLOR="#4B4B4B">sdfsd</FONT>
</FONT>
</LI>
收件人:
<li style="font-family:Lato; font-size:24px; color:#F7941D;">
<I>ertrr</I>
<span style="font-size:12px; color:#4B4B4B;">sdfsd</span>
</li>
(示例仅用于解释 - 结束)
XML 源代码
<root>
<TEXTFORMAT LEADING="2">
<LI>
<FONT FACE="Lato" SIZE="24" COLOR="#F7941D" LETTERSPACING="0" KERNING="0">
<I>ertrr</I>
<FONT SIZE="12" COLOR="#4B4B4B"></FONT>
</FONT>
</LI>
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
<LI>
<FONT FACE="Lato" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0">
<I><U>ert</U></I>
<FONT SIZE="12" COLOR="#4B4B4B"></FONT>
</FONT>
</LI>
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
<LI>
<FONT FACE="System" SIZE="16" COLOR="#4B4B4B" LETTERSPACING="0" KERNING="0">
<B>hgjgj</B>
<FONT FACE="Lato" SIZE="12"></FONT>
</FONT>
</LI>
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
<LI>
<FONT FACE="System" SIZE="16" COLOR="#4B4B4B" LETTERSPACING="0" KERNING="0">ghjghj
<FONT FACE="Lato" SIZE="12"></FONT>
</FONT>
</LI>
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
<LI>
<FONT FACE="Lato" SIZE="12" COLOR="#4B4B4B" LETTERSPACING="0" KERNING="0">@#dgsdg
<FONT FACE="Gabriola">sdfgdfg</FONT> dsfg df
<FONT SIZE="16">gdsfg</FONT>sd s
<FONT FACE="Lucida Console">d
<I>fg df</I> gs
<FONT FACE="Verdana">dg sdgfgsd</FONT>
</FONT> gdfg </FONT>
</LI>
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
<LI>
<FONT FACE="Lato" SIZE="24" COLOR="#000000" LETTERSPACING="0" KERNING="0">
<I><U>ert</U></I>
<FONT SIZE="12" COLOR="#4B4B4B">sdfsd</FONT>
</FONT>
</LI>
</TEXTFORMAT>
</root>
预期输出
<div>
<li style="font-family:Lato; font-size:24px; color:#F7941D;">
<I>ertrr</I><span style="font-size:12px; color:#4B4B4B;"></span>
</li>
<li style="font-family:Lato; font-size:24px; color:#000000;">
<I><U>ert</U></I><span style="font-size:12px; color:#4B4B4B;"></span>
</li>
<li style="font-family:System; font-size:16px; color:#4B4B4B;">
<B>hgjgj</B><span style="font-family:Lato; font-size:12px; "></span>
</li>
<li style="font-family:System; font-size:16px; color:#4B4B4B;">
ghjghj
<span style="font-family:Lato; font-size:12px; "></span>
</li>
<li style="font-family:Lato; font-size:12px; color:#4B4B4B;">
@#dgsdg
<span style="font-family:Gabriola; ">sdfgdfg</span> dsfg df
<span style="font-size:16px; ">gdsfg</span>sd s
<span style="font-family:Lucida Console; ">d
<I>fg df</I> gs
<span style="font-family:Verdana; ">dg sdgfgsd</span></span> gdfg
</li>
<li style="font-family:Lato; font-size:24px; color:#000000;">
<I><U>ert</U></I><span style="font-size:12px; color:#4B4B4B;">sdfsd</span>
</li>
</div>
我的代码:
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
version="1.0">
<xsl:strip-space elements="*"/>
<xsl:output indent="yes" method="html"/>
<!-- identity template -->
<xsl:template match="node()|@*">
<xsl:copy>
<xsl:apply-templates select="node()|@*"/>
</xsl:copy>
</xsl:template>
<xsl:template match="root">
<div>
<xsl:apply-templates/>
</div>
</xsl:template>
<xsl:template match="FONT">
<span>
<xsl:attribute name="style">
<!-- collect attributes -->
<xsl:variable name="styles">
<xsl:if test="@FACE">
<xsl:value-of select="concat('font-family:', @FACE)"/>
<xsl:text>; </xsl:text>
</xsl:if>
<xsl:if test="@SIZE">
<xsl:value-of select="concat('font-size:', @SIZE, 'px')"/>
<xsl:text>; </xsl:text>
</xsl:if>
<xsl:if test="@COLOR">
<xsl:value-of select="concat('color:', @COLOR)"/>
<xsl:text>;</xsl:text>
</xsl:if>
</xsl:variable>
<xsl:value-of select="$styles"/>
</xsl:attribute>
<xsl:apply-templates/>
</span>
</xsl:template>
<!-- remove unwanted attributes -->
<xsl:template match="@LETTERSPACING|@KERNING"/>
<!-- Replace <LI> with <li> -->
<xsl:template match="LI">
<li>
<xsl:attribute name="style">
<!-- collect attributes -->
<xsl:variable name="styles">
<xsl:if test="FONT/@FACE">
<xsl:value-of select="concat('font-family:', FONT/@FACE)"/>
<xsl:text>; </xsl:text>
</xsl:if>
<xsl:if test="FONT/@SIZE">
<xsl:value-of select="concat('font-size:', FONT/@SIZE, 'px')"/>
<xsl:text>; </xsl:text>
</xsl:if>
<xsl:if test="FONT/@COLOR">
<xsl:value-of select="concat('color:', FONT/@COLOR)"/>
<xsl:text>;</xsl:text>
</xsl:if>
</xsl:variable>
<!-- delete trailing spaces -->
<xsl:value-of select="$styles"/>
</xsl:attribute>
<xsl:apply-templates/>
</li>
</xsl:template>
<!-- Remove TEXTFORMAT -->
<xsl:template match="TEXTFORMAT">
<xsl:apply-templates/>
</xsl:template>
</xsl:stylesheet>
电流输出
<div>
<li style="font-family:Lato; font-size:24px; color:#F7941D;">
<span style="font-family:Lato; font-size:24px; color:#F7941D;"><I>ertrr</I><span style="font-size:12px; color:#4B4B4B;"></span></span>
</li>
<li style="font-family:Lato; font-size:24px; color:#000000;">
<span style="font-family:Lato; font-size:24px; color:#000000;"><I><U>ert</U></I><span style="font-size:12px; color:#4B4B4B;"></span></span>
</li>
<li style="font-family:System; font-size:16px; color:#4B4B4B;">
<span style="font-family:System; font-size:16px; color:#4B4B4B;"><B>hgjgj</B><span style="font-family:Lato; font-size:12px; "></span></span>
</li>
<li style="font-family:System; font-size:16px; color:#4B4B4B;">
<span style="font-family:System; font-size:16px; color:#4B4B4B;">ghjghj
<span style="font-family:Lato; font-size:12px; "></span></span>
</li>
<li style="font-family:Lato; font-size:12px; color:#4B4B4B;">
<span style="font-family:Lato; font-size:12px; color:#4B4B4B;">@#dgsdg
<span style="font-family:Gabriola; ">sdfgdfg</span> dsfg df
<span style="font-size:16px; ">gdsfg</span>sd s
<span style="font-family:Lucida Console; ">d
<I>fg df</I> gs
<span style="font-family:Verdana; ">dg sdgfgsd</span></span> gdfg </span>
</li>
<li style="font-family:Lato; font-size:24px; color:#000000;">
<span style="font-family:Lato; font-size:24px; color:#000000;"><I><U>ert</U></I><span style="font-size:12px; color:#4B4B4B;">sdfsd</span></span>
</li>
</div>
【问题讨论】:
这个问题令人困惑。第一个示例(“仅供说明”)与第二个示例非常不同。 @michael.hor257k 更新了问题 【参考方案1】:您应该创建一个命名模板来处理属性。以下是您需要的样式表
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:strip-space elements="*"/>
<xsl:output indent="yes" omit-xml-declaration="yes"/>
<!-- identity template -->
<xsl:template match="node()|@*">
<xsl:copy>
<xsl:apply-templates select="node()|@*"/>
</xsl:copy>
</xsl:template>
<xsl:template match="LI">
<li>
<xsl:attribute name="style">
<xsl:call-template name="collect_attributes">
<xsl:with-param name="FACE" select="*[1][name()='FONT']/@FACE"/>
<xsl:with-param name="SIZE" select="*[1][name()='FONT']/@SIZE"/>
<xsl:with-param name="COLOR" select="*[1][name()='FONT']/@COLOR"/>
</xsl:call-template>
</xsl:attribute>
<xsl:apply-templates/>
</li>
</xsl:template>
<xsl:template match="LI/FONT[1]">
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="FONT[not(parent::LI)]">
<span>
<xsl:attribute name="style">
<xsl:call-template name="collect_attributes">
<xsl:with-param name="FACE" select="@FACE"/>
<xsl:with-param name="SIZE" select="@SIZE"/>
<xsl:with-param name="COLOR" select="@COLOR"/>
</xsl:call-template>
</xsl:attribute>
</span>
</xsl:template>
<!-- named template to process the attributes -->
<xsl:template name="collect_attributes">
<xsl:param name="COLOR"/>
<xsl:param name="FACE"/>
<xsl:param name="SIZE"/>
<!-- collect attributes -->
<xsl:variable name="styles">
<xsl:if test="string-length($FACE) > 0">
<xsl:value-of select="concat('font-family:', $FACE)"/>
<xsl:text>; </xsl:text>
</xsl:if>
<xsl:if test="string-length($SIZE) > 0">
<xsl:value-of select="concat('font-size:', $SIZE, 'px')"/>
<xsl:text>; </xsl:text>
</xsl:if>
<xsl:if test="string-length($COLOR) > 0">
<xsl:value-of select="concat('color:', $COLOR)"/>
<xsl:text>;</xsl:text>
</xsl:if>
</xsl:variable>
<!-- delete trailing spaces -->
<xsl:value-of select="normalize-space($styles)"/>
</xsl:template>
<xsl:template match="root">
<div>
<xsl:apply-templates/>
</div>
</xsl:template>
<xsl:template match="TEXTFORMAT">
<xsl:apply-templates/>
</xsl:template>
</xsl:stylesheet>
【讨论】:
【参考方案2】:这将处理您的“仅用于解释的示例”:
XSLT 1.0
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/>
<xsl:strip-space elements="*"/>
<!-- identity transform -->
<xsl:template match="@*|node()">
<xsl:copy>
<xsl:apply-templates select="@*|node()"/>
</xsl:copy>
</xsl:template>
<xsl:template match="LI">
<li>
<xsl:apply-templates select="FONT[1]" mode="style"/>
<xsl:apply-templates select="FONT[position() > 1]"/>
</li>
</xsl:template>
<xsl:template match="FONT">
<span>
<xsl:attribute name="style">
<xsl:apply-templates select="@*" mode="style"/>
</xsl:attribute>
<xsl:apply-templates/>
</span>
</xsl:template>
<xsl:template match="FONT" mode="style">
<xsl:attribute name="style">
<xsl:apply-templates select="@*" mode="style"/>
</xsl:attribute>
<xsl:apply-templates/>
</xsl:template>
<xsl:template match="@FACE" mode="style">
<xsl:text>font-family:</xsl:text>
<xsl:value-of select="."/>
<xsl:text>; </xsl:text>
</xsl:template>
<xsl:template match="@SIZE" mode="style">
<xsl:text>font-size:</xsl:text>
<xsl:value-of select="."/>
<xsl:text>; </xsl:text>
</xsl:template>
<xsl:template match="@COLOR" mode="style">
<xsl:text>color:</xsl:text>
<xsl:value-of select="."/>
<xsl:text>; </xsl:text>
</xsl:template>
<xsl:template match="@*" mode="style"/>
</xsl:stylesheet>
【讨论】:
我在源代码中还有其他一些考虑,我试图解释将第一个孩子的属性移动到父母。我现在已经更新了这个问题。谢谢 我已经改变了我的答案。下一次,请不要在回答完问题后如此大幅度地更改您的问题。以上是关于如何将父项的第一个子项中的属性移动到 XSLT 中的父项?的主要内容,如果未能解决你的问题,请参考以下文章