XSLT Conversion consider child not with node value - html

Question

below is my XML which consist below nodes.
<richtext >
<par def="3">
paragraph value 1
<run>
<font style="underline" />run value 1
</run>.
paragraph value 2
<run>
<font style="underline" />run value 2
</run>
paragraph value 3
<run>
<font style="underline" />run value 2 <br /> run value on new line
</run>
paragraph value 4
</par>
</richtext>
i am transforming above xml to html using below xslt. i am new to xslt please help me.
<xsl:template match="/">
<div>
<xsl:apply-templates select="richtext" />
</div>
<xsl:template name="richtext">
<xsl:apply-templates select="par" />
<xsl:apply-templates select="table" />
<xsl:template match="par">
<p>
<xsl:if test="text()">
<xsl:value-of disable-output-escaping="yes" select="text()" />
<xsl:value-of disable-output-escaping="yes" select="*/following-sibling::text()" />
</xsl:if>
<xsl:if test="run">
<xsl:apply-templates select="run" />
<xsl:value-of disable-output-escaping="yes" select="run/following-sibling::text()" />
</xsl:if>
</p>
<xsl:template match="run">
<span>
<xsl:call-template name="style" />
<xsl:value-of disable-output-escaping="yes" select="current()" />
</span>
i want below html output
<p>
paragraph value 1
<span style="underline">
run value 1
</span>.
paragraph value 2
<span style="underline">
run value 2 <br /> run value on new line
</span>
paragraph value 3
<span style="underline">
run value 2
</span>
paragraph value 4
</p>
Please see updated HTML output. can you please tell me what to do ? i want to preserve style from xml.
Edit : if we add in XML then i want text after on new line in HTML.

Answer 1

It looks like you want to do the following:
Convert richtext to div
Convert par to p
Convert run to span
Convert font to an attribute
In which case, a series of simple templates should do it.
Try this XSLT
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" indent="yes" />
<xsl:template match="#*|node()">
<xsl:copy>
<xsl:apply-templates select="#*|node()"/>
</xsl:copy>
</xsl:template>
<xsl:template match="richtext">
<div>
<xsl:apply-templates select="par|table" />
</div>
</xsl:template>
<xsl:template match="par">
<p>
<xsl:apply-templates />
</p>
</xsl:template>
<xsl:template match="run">
<span>
<xsl:call-template name="style" />
<xsl:apply-templates />
</span>
</xsl:template>
<xsl:template match="font" />
<xsl:template name="style">
<xsl:attribute name="style">
<xsl:for-each select="font">
<xsl:if test="position() > 1">; </xsl:if>
<xsl:value-of select="#style" />
</xsl:for-each>
</xsl:attribute>
</xsl:template>
</xsl:stylesheet>
Note the template matching "font" isn't really necessary here. As the font elements in your example have no child, you could omit the template as the built-in templates will just skip over it, and output nothing.