Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Ask a Question
Welcome To Ask or Share your Answers For Others

Categories

Rearrange HTML content using XSLT

0 votes
91 views
in Technique[技术] by (71.8m points)

Rearrange HTML content using XSLT

I need to rearrange HTML content using XSLT but I'm having trouble figuring out how.

First I need to add this new li:

<li class="ktp-question-set-meta">
                <section property="ktp:metadata" class="ktp-meta">
                    <span property="atom:content-item-name" class="ktp-meta" data-value="lsac810323"></span>
                </section>
                <section property="ktp:tags" class="ktp-meta">
                    <span class="ktp-meta" property="ktp:questionSetType">shared-stimulus</span>
                </section>
            </li>

The data-value="lsac810323 needs to be pulled from the <section class="ktp-question-meta"> in the the original HTML.

  1. The Stimulus section needs to be moved up and changed from <section> to an <li>

  2. the original <section class="ktp-question-meta"> need to show but the data value need to change from data-value="lsac810323" to data-value="lsac810323.01"

After that the <section class="ktp-question-stem">, <ol class="ktp-answer-set">, and <section property="ktp:explanation" typeof="ktp:Explanation" class="ktp-explanation"> remains the same.

This is my original HTML:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" designation="" enumeration="">
    <head>
        <meta charset="utf-8" />
        <link type="text/css" rel="stylesheet" title="default" href="../../assets/css/main.css" />
        <title>lsac820401</title>
    </head>
    <body>
        <ol class="ktp-question-set">
            <li typeof="ktp:Question" property="ktp:question" class="ktp-question">
                
                <section class="ktp-question-meta">
                    <section property="ktp:metadata" class="ktp-meta"><span property="atom:content-item-name" class="ktp-meta" data-value="lsac820401"></span></section>
                    <section property="ktp:tags" class="ktp-meta">
                        <span property="ktp:interactionType" class="ktp-meta">single-select</span>
                        <span property="ktp:questionType" class="ktp-meta">Point at Issue</span>
                        <span property="ktp:difficulty" class="ktp-meta">★</span>  
                    </section>
                </section>
                
                <section property="ktp:stimulus" typeof="ktp:Stimulus" class="ktp-stimulus">   
                    <p>stimulus content</p>    
                </section>
                
                <section class="ktp-question-stem">  
                    <p>stem content</p>   
                </section>
                
                <ol class="ktp-answer-set">   
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 1</li>
                    <li property="ktp:answer" typeof="ktp:AnswerCorrect">Answer Choice 2</li>
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 3</li>
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 4</li>
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 5</li>   
                </ol>
                
                <section property="ktp:explanation" typeof="ktp:Explanation" class="ktp-explanation">
                    <section property="ktp:explanation-section" typeof="ktp:feedback" data-title="Feedback" class="ktp-explanation-section">
                        <p>Explanation content</p>
                    </section>
                </section>  
            </li>
        </ol>
    </body>
</html>

And this is the rearranged output I need to get to:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" enumeration="" designation="">
    <head>
        <meta charset="utf-8" />
        <link href="../../assets/css/main.css" title="default" rel="stylesheet" type="text/css" />
        <title>lsac810323</title>
    </head>
    <body>
        <ol property="ktp:questionSet" typeof="ktp:QuestionSet" class="ktp-question-set">
            <li class="ktp-question-set-meta">
                <section property="ktp:metadata" class="ktp-meta">
                    <span property="atom:content-item-name" class="ktp-meta" data-value="lsac810323"></span>
                </section>
                <section property="ktp:tags" class="ktp-meta">
                    <span class="ktp-meta" property="ktp:questionSetType">shared-stimulus</span>
                </section>
            </li>
            <li class="ktp-stimulus" typeof="ktp:Stimulus" property="ktp:stimulus">
                <p>stimulus content</p>
                <p class="place-top atom-exclude">Stimulus End: Place content above this line</p>
            </li>
            <li class="ktp-question" typeof="ktp:Question" property="ktp:question">
                <section class="ktp-question-meta">
                    <section property="ktp:metadata" class="ktp-meta">
                        <span property="atom:content-item-name" class="ktp-meta" data-value="lsac810323.01"></span>
                    </section>
                    <section property="ktp:tags" class="ktp-meta">
                        <span class="ktp-meta" property="ktp:interactionType">single-select</span>
                        <span class="ktp-meta" property="ktp:questionType"><span class="glossterm">Flaw</span></span>
                        <span class="ktp-meta" property="ktp:difficulty">Check your online resources.</span>
                    </section>
                </section>
                <section class="ktp-question-stem">
                    <p>stem content</p>
                </section>
                <ol class="ktp-answer-set">
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 1</li>
                    <li property="ktp:answer" typeof="ktp:AnswerCorrect">Answer Choice 2</li>
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 3</li>
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 4</li>
                    <li property="ktp:answer" typeof="ktp:Answer">Answer Choice 5</li>
                </ol>
                <section property="ktp:explanation" typeof="ktp:Explanation" class="ktp-explanation">
                    <section property="ktp:explanation-section" typeof="ktp:feedback" data-title="Feedback" class="ktp-explanation-section">
                        <p>Explanation content</p>
                    </section>
                </section>
            </li>
        </ol>
    </body>
</html>

This is the XSLT I have so far. I have the structure pulling in correctly and the original content placed in its correct new location but it's not bringing over the

tags or

tags, etc. Please see the section labeled . 
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:xs="http://www.w3.org/2001/XMLSchema"
    xmlns:math="http://exslt.org/math"
    xmlns:xd="http://www.oxygenxml.com/ns/doc/xsl"
    xmlns:xhtml="http://www.w3.org/1999/xhtml"
    xmlns:mml="http://www.w3.org/1998/Math/MathML"
    xmlns="http://www.w3.org/1999/xhtml"
    exclude-result-prefixes="xs math xd xhtml mml"
    version="3.0">
    
    <xsl:output encoding="UTF-8" include-content-type="no" indent="no" method="xhtml" omit-xml-declaration="yes"/>
    
    
    <!-- attributes, commments, processing instructions, text: copy as is -->
    <xsl:template match="@*|comment()|processing-instruction()|text()">
        <xsl:copy-of select="."/>
    </xsl:template>
    
    <!-- elements: create a new element with the same name, but no namespace -->
    <xsl:template match="*">
        <xsl:param name="content-item-name"/>
        <xsl:element name="{local-name()}">
            <xsl:apply-templates select="@*|node()">
                <xsl:with-param name="content-item-name" select="$content-item-name"/>
            </xsl:apply-templates>
        </xsl:element>
    </xsl:template>
    
    <!-- process root -->
    <xsl:template match="xhtml:html">
        <xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
        <xsl:sequence select="'&#x0a;'"/>
        <html>
            <xsl:apply-templates select="@* | node()"/>
        </html>
    </xsl:template>
    
    <!-- process item, pass content item name variable -->
    <xsl:template match="xhtml:li[@property='ktp:question']">
        <li>
            <xsl:apply-templates select="@*|node()">
                <xsl:with-param name="content-item-name" select="descendant::xhtml:span[@property='atom:content-item-name']/@data-value"/>
            </xsl:apply-templates>
        </li>
    </xsl:template>
    
    <!-- branching point for any interaction type-based updates -->
    <xsl:template match="xhtml:li[@property='ktp:question']">
        <li>
            <xsl:apply-templates select="@*|node()">

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points) 
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:xs="http://www.w3.org/2001/XMLSchema"
    xmlns:math="http://exslt.org/math"
    xmlns:xd="http://www.oxygenxml.com/ns/doc/xsl"
    xmlns:xhtml="http://www.w3.org/1999/xhtml"
    xmlns:mml="http://www.w3.org/1998/Math/MathML"
    xmlns="http://www.w3.org/1999/xhtml"
    exclude-result-prefixes="xs math xd xhtml mml"
    version="3.0">
    
    <xsl:output encoding="UTF-8" include-content-type="no" indent="no" method="xhtml" omit-xml-declaration="yes"/>
    
    
    <!-- attributes, commments, processing instructions, text: copy as is -->
    <xsl:template match="@*|comment()|processing-instruction()|text()">
        <xsl:copy-of select="."/>
    </xsl:template>
    
    <!-- elements: create a new element with the same name, but no namespace -->
    <xsl:template match="*">
        <xsl:param name="content-item-name"/>
        <xsl:element name="{local-name()}">
            <xsl:apply-templates select="@*|node()">
                <xsl:with-param name="content-item-name" select="$content-item-name"/>
            </xsl:apply-templates>
        </xsl:element>
    </xsl:template>
    
    <!-- process root -->
    <xsl:template match="xhtml:html">
        <xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
        <xsl:sequence select="'&#x0a;'"/>
        <html>
            <xsl:apply-templates select="@* | node()"/>
        </html>
    </xsl:template>
    
    <!-- process item, pass content item name variable -->
    <xsl:template match="xhtml:li[@property='ktp:question']">
        <li>
            <xsl:apply-templates select="@*|node()">
                <xsl:with-param name="content-item-name" select="descendant::xhtml:span[@property='atom:content-item-name']/@data-value"/>
            </xsl:apply-templates>
        </li>
    </xsl:template>
    
    <!-- branching point for any interaction type-based updates -->
    <xsl:template match="xhtml:li[@property='ktp:question']">
        <li>
            <xsl:apply-templates select="@*|node()">
                <xsl:with-param name="interactionType" select="//xhtml:span[@property='ktp:interactionType']"/>
            </xsl:apply-templates>
        </li>
    </xsl:template>
    
    
        
    
    
    
    <!-- Change content -->
    <xsl:template match="xhtml:ol[@class='ktp-question-set']">
    
        <xsl:variable name="content-item-name" select="xhtml:span[@property='atom:content-item-name']/@data-value"/>
        <xsl:variable name="feedbackPara"
            select="xhtml:section[@property = 'ktp:stimulus']"/>
            <ol property="ktp:questionSet" typeof="ktp:QuestionSet" class="ktp-question-set">
                <li class="ktp-question-set-meta">
                    <section property="ktp:metadata" class="ktp-meta">
                        <xsl:apply-templates
                            select="descendant::xhtml:span[@property = 'atom:content-item-name']"/>
                    </section>
                    <section property="ktp:tags" class="ktp-meta">
                        <span class="ktp-meta" property="ktp:questionSetType">shared-stimulus</span>
                    </section>
                </li>
                <li class="ktp-stimulus" typeof="ktp:Stimulus" property="ktp:stimulus">  
                                           
                        <xsl:apply-templates 
                            select="descendant::xhtml:section[@property = 'ktp:stimulus']"/>
                    
                    <p class="place-top atom-exclude">Stimulus End: Place content above this line</p>
                </li>
                <li class="ktp-question" typeof="ktp:Question" property="ktp:question">
                    
                    <section class="ktp-question-meta">
                        <section property="ktp:metadata" class="ktp-meta">   
                    <xsl:apply-templates
                        select="descendant::xhtml:span[@property = 'atom:content-item-name']"/>.01
                        </section>
                        <xsl:apply-templates
                            select="descendant::xhtml:section[@property = 'ktp:tags']"/>
                    </section>   
                                       
                        <xsl:apply-templates
                            select="descendant::xhtml:section[@class = 'ktp-question-stem']"/>
         
                        <xsl:apply-templates
                            select="descendant::xhtml:ol[@class = 'ktp-answer-set']"/>
            
                        <xsl:apply-templates
                            select="descendant::xhtml:section[@property = 'ktp:explanation']"/>
           
                </li>                
            </ol>   
    </xsl:template>
    
    
    
    

    <!-- process mathml -->
    <xsl:template match="mml:*">
        <xsl:copy>
            <xsl:apply-templates select="@*|node()"/>
        </xsl:copy>
    </xsl:template>
    
    <!-- generate data-uuid -->
    <xsl:template name="assignID">
        <xsl:param name="partial"/>
        <xsl:param name="count" select="string-length(partial)"/>
        
        <xsl:variable name="character">abcdef0123456789</xsl:variable>
        <xsl:variable name="characterLength" select="string-length($character)"/>
        <xsl:variable name="position" select="floor(math:random() * 16) + 1"/>
        
        <xsl:choose>
            <xsl:when test="$count &lt; 32">
                <xsl:call-template name="assignID">
                    <xsl:with-param name="count" select="$count + 1"/>
                    <xsl:with-param name="partial">
                        <xsl:value-of select="$partial"/>
                        <xsl:value-of select="substring($character,$position,1)"/>
                    </xsl:with-param>
                </xsl:call-template>
            </xsl:when>
            <xsl:when test="$count = 32">
                <xsl:value-of select="$partial"/>
            </xsl:when>
        </xsl:choose>
    </xsl:template>
    
</xsl:stylesheet>

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

2.1m questions

2.1m answers

60 comments

56.8k users

Most popular tags

Powered by Question2Answer
Donate
Theme by Q2A Market&&OStack.cn
...