如何将父项的第一个子项中的属性移动到 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) &gt; 0">
                <xsl:value-of select="concat('font-family:', $FACE)"/>
                <xsl:text>; </xsl:text>
            </xsl:if>
            <xsl:if test="string-length($SIZE) &gt; 0">
                <xsl:value-of select="concat('font-size:', $SIZE, 'px')"/>
                <xsl:text>; </xsl:text>
            </xsl:if>
            <xsl:if test="string-length($COLOR) &gt; 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 中的父项?的主要内容,如果未能解决你的问题,请参考以下文章

如何查找非间接/嵌套父项的子项

在SQL层次结构数据中移动父AND子项

php facetwp索引仅指导父项的子项

php facetwp索引仅指导父项的子项

子类的子项中没有JPlugin属性

Core Data 中父实体的计算属性