小贝子编程

如何在XSLT中将父元素的第一个子元素中的属性移动到父元素



我是XSLT的初学者，我正在尝试将flash文本格式转换为基于HTML的格式

源xml中有<LI></LI>块，所有<LI>块包含1个或多个<FONT>节点。我需要将<FONT>在内联css中的样式应用于<LI>并删除<FONT>节点(第一个FONT子节点)。

(示例仅用于解释- start)来自:

<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>

(示例仅用于解释- end)

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>

您应该创建一个命名模板来处理这些属性。下面是您需要的样式表

<?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>

这将处理你的"仅供说明的示例":

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>

相关内容

  • 没有找到相关文章

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium