Skip to content

Instantly share code, notes, and snippets.

@hallazzang

hallazzang/README.md

Created April 14, 2017 14:00
Show Gist options
  • Save hallazzang/b9af8e19bb01745c1f51f0d781e2381c to your computer and use it in GitHub Desktop.
Save hallazzang/b9af8e19bb01745c1f51f0d781e2381c to your computer and use it in GitHub Desktop.
Download ZIP
Convert HWP file to HTML using pyhwp
Raw
README.md

Programmatically convert HWP file to HTML using pyhwp5

Dependencies

  • lxml
  • pyhwp

Requirements

  • hwp5html.xsl
  • hwp5css-common.xsl

Which are included in this gist. Place these files in the same directory with hwp_to_html.py

Raw
hwp5-common.xsl
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="text" media-type="text/css" encoding="utf-8" indent="no" />
<xsl:variable name="facenamebaseko" select="1" />
<xsl:variable name="facenamebaseen" select="$facenamebaseko + //IdMappings/@ko-fonts" />
<xsl:variable name="facenamebasecn" select="$facenamebaseen + //IdMappings/@en-fonts" />
<xsl:variable name="facenamebasejp" select="$facenamebasecn + //IdMappings/@cn-fonts" />
<xsl:variable name="facenamebaseot" select="$facenamebasejp + //IdMappings/@jp-fonts" />
<xsl:variable name="facenamebasesy" select="$facenamebaseot + //IdMappings/@other-fonts" />
<xsl:variable name="facenamebaseus" select="$facenamebasesy + //IdMappings/@symbol-fonts" />
<xsl:template match="IdMappings" mode="css-rule">
<xsl:text>/* Styles */&#10;</xsl:text>
<xsl:apply-templates select="Style" mode="css-rule" />
<xsl:text>/* Paragraph attributes */&#10;</xsl:text>
<xsl:apply-templates select="ParaShape" mode="css-rule" />
<xsl:text>/* Text attributes */&#10;</xsl:text>
<xsl:apply-templates select="CharShape" mode="css-rule" />
<xsl:apply-templates select="BorderFill" mode="css-rule" />
<xsl:apply-templates select="Bullet" mode="css-rule" />
</xsl:template>
<xsl:template match="Style" mode="css-rule">
<xsl:variable name="paragraph-selector">
<xsl:text>.</xsl:text>
<xsl:value-of select="translate(@name, ' ', '-')"/>
</xsl:variable>
<xsl:variable name="spans-selector">
<xsl:value-of select="$paragraph-selector" />
<xsl:text> &gt; </xsl:text>
<xsl:text>span</xsl:text>
</xsl:variable>
<xsl:if test="@kind = 'paragraph'">
<xsl:variable name="parashape_pos" select="@parashape-id + 1" />
<xsl:variable name="parashape" select="//ParaShape[$parashape_pos]" />
<xsl:call-template name="css-rule">
<xsl:with-param name="selector" select="$paragraph-selector" />
<xsl:with-param name="declarations">
<xsl:text>/* </xsl:text>
<xsl:text>@parashape-id = </xsl:text>
<xsl:value-of select="@parashape-id" />
<xsl:text>*/&#10;</xsl:text>
<xsl:apply-templates select="$parashape" mode="css-declaration" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-rule">
<xsl:with-param name="selector" select="$spans-selector" />
<xsl:with-param name="declarations">
<xsl:apply-templates select="$parashape" mode="css-declaration-for-span" />
</xsl:with-param>
</xsl:call-template>
</xsl:if>
<xsl:text>/* </xsl:text>
<xsl:text>@charshape-id = </xsl:text>
<xsl:value-of select="@charshape-id" />
<xsl:text>*/&#10;</xsl:text>
<xsl:variable name="charshape_pos" select="number(@charshape-id) + 1" />
<xsl:variable name="charshape" select="//CharShape[$charshape_pos]" />
<xsl:for-each select="$charshape">
<xsl:call-template name="charshape-css-rule">
<xsl:with-param name="charshape-selector" select="$spans-selector" />
</xsl:call-template>
</xsl:for-each>
</xsl:template>
<xsl:template match="ParaShape" mode="css-rule">
<xsl:variable name="paragraph-selector">
<xsl:text>p.parashape-</xsl:text>
<xsl:number value="position()-1" />
</xsl:variable>
<xsl:variable name="spans-selector">
<xsl:value-of select="$paragraph-selector" />
<xsl:text> &gt; </xsl:text>
<xsl:text>span</xsl:text>
</xsl:variable>
<xsl:call-template name="css-rule">
<xsl:with-param name="selector" select="$paragraph-selector" />
<xsl:with-param name="declarations">
<xsl:apply-templates select="." mode="css-declaration" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-rule">
<xsl:with-param name="selector" select="$spans-selector" />
<xsl:with-param name="declarations">
<xsl:apply-templates select="." mode="css-declaration-for-span" />
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="ParaShape" mode="css-declaration">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@doubled-margin-top div 2" />
</xsl:call-template>
<xsl:text> </xsl:text>
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@doubled-margin-right div 2" />
</xsl:call-template>
<xsl:text> </xsl:text>
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@doubled-margin-bottom div 2" />
</xsl:call-template>
<xsl:text> </xsl:text>
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@doubled-margin-left div 2" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:apply-templates select="." mode="text-align" />
<xsl:apply-templates select="." mode="text-indent" />
<xsl:choose>
<xsl:when test="@linespacing-type = 'ratio'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">min-height</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@linespacing div 100" />
<xsl:text>em</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template match="ParaShape" mode="css-declaration-for-span">
<xsl:choose>
<xsl:when test="@linespacing-type = 'ratio'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">line-height</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@linespacing div 100"/>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template match="Bullet" mode="css-rule">
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">
<xsl:text>.</xsl:text>
<xsl:text>Bullet-</xsl:text>
<xsl:number value="position()" />
<xsl:text>::before</xsl:text>
</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">content</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>"</xsl:text>
<xsl:value-of select="@char" />
<xsl:text>"</xsl:text>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">display</xsl:with-param>
<xsl:with-param name="value">inline-block</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-align</xsl:with-param>
<xsl:with-param name="value" select="@align" />
</xsl:call-template>
<xsl:choose>
<xsl:when test="number(@width) = 0">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">1em</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-right</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@space div 100" />
<xsl:text>em</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-right</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@width * @space div 100" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:otherwise>
</xsl:choose>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="Paragraph|Style" mode="add-class-bullet">
<xsl:variable name="parashape_pos" select="number(@parashape-id) + 1" />
<xsl:variable name="parashape" select="//ParaShape[$parashape_pos]" />
<xsl:variable name="bullet_id" select="$parashape/@numbering-bullet-id" />
<xsl:if test="$bullet_id &gt; 0">
<xsl:text> </xsl:text>
<xsl:text>Bullet-</xsl:text>
<xsl:value-of select="$parashape/@numbering-bullet-id" />
</xsl:if>
</xsl:template>
<xsl:template match="CharShape" mode="css-rule">
<xsl:variable name="charshape-selector">
<xsl:text>span.charshape-</xsl:text>
<xsl:number value="position()-1" />
</xsl:variable>
<xsl:call-template name="charshape-css-rule">
<xsl:with-param name="charshape-selector" select="$charshape-selector" />
</xsl:call-template>
</xsl:template>
<xsl:template name="charshape-css-rule">
<xsl:param name="charshape-selector" />
<xsl:call-template name="css-rule">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="declarations">
<xsl:apply-templates select="." mode="css-declaration" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">ko</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebaseko + FontFace/@ko" />
<xsl:with-param name="font-size" select="RelativeSize/@ko" />
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">en</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebaseen + FontFace/@en" />
<xsl:with-param name="font-size" select="RelativeSize/@en" />
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">cn</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebasecn + FontFace/@cn" />
<xsl:with-param name="font-size" select="RelativeSize/@cn" />
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">jp</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebasejp + FontFace/@jp" />
<xsl:with-param name="font-size" select="RelativeSize/@jp" />
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">other</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebaseot + FontFace/@other" />
<xsl:with-param name="font-size" select="RelativeSize/@other" />
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">symbol</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebasesy + FontFace/@symbol" />
<xsl:with-param name="font-size" select="RelativeSize/@symbol" />
</xsl:call-template>
<xsl:call-template name="charshape-css-rule-lang">
<xsl:with-param name="selector" select="$charshape-selector" />
<xsl:with-param name="lang">user</xsl:with-param>
<xsl:with-param name="facename-idx" select="$facenamebaseus + FontFace/@user" />
<xsl:with-param name="font-size" select="RelativeSize/@user" />
</xsl:call-template>
</xsl:template>
<xsl:template match="CharShape" mode="css-declaration">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">color</xsl:with-param>
<xsl:with-param name="value"><xsl:value-of select="@text-color" /></xsl:with-param>
</xsl:call-template>
<xsl:if test="@italic = 1">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">font-style</xsl:with-param>
<xsl:with-param name="value">italic</xsl:with-param>
</xsl:call-template>
</xsl:if>
<xsl:if test="@bold = 1">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">font-weight</xsl:with-param>
<xsl:with-param name="value">bold</xsl:with-param>
</xsl:call-template>
</xsl:if>
<xsl:apply-templates select="." mode="text-decoration" />
</xsl:template>
<xsl:template name="charshape-css-rule-lang">
<xsl:param name="selector" />
<xsl:param name="lang" />
<xsl:param name="facename-idx" />
<xsl:param name="font-size" />
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">
<xsl:value-of select="$selector" />
<xsl:text>.lang-</xsl:text>
<xsl:value-of select="$lang" />
</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">font-family</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="//FaceName[$facename-idx]" mode="font-family-value" />
<xsl:apply-templates select="//FaceName[$facename-idx]" mode="font-family-generic-value" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">font-size</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@basesize * $font-size div 100" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="FaceName" mode="font-family-value">
<xsl:text>"</xsl:text>
<xsl:value-of select="@name" />
<xsl:text>"</xsl:text>
</xsl:template>
<xsl:template match="FaceName" mode="font-family-generic-value">
<xsl:choose>
<xsl:when test="contains(@name, '바탕')"><xsl:text>, serif</xsl:text></xsl:when>
<xsl:when test="contains(@name, '돋움')"><xsl:text>, sans-serif</xsl:text></xsl:when>
<xsl:when test="contains(@name, '명조')"><xsl:text>, serif</xsl:text></xsl:when>
<xsl:when test="contains(@name, '고딕')"><xsl:text>, sans-serif</xsl:text></xsl:when>
<xsl:otherwise>
<xsl:apply-templates select="Panose1" mode="font-family-generic-value" />
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="Panose1" mode="font-family-generic-value">
<xsl:choose>
<!-- family-kind 2: Latin Text/Display -->
<xsl:when test="@family-type = 2 and @proportion = 9"><xsl:text>, monospace</xsl:text></xsl:when>
<xsl:when test="@family-type = 2 and @serif-style &gt; 10"><xsl:text>, sans-serif</xsl:text></xsl:when>
<xsl:when test="@family-type = 2 and @serif-style &lt; 11"><xsl:text>, serif</xsl:text></xsl:when>
<!-- family-kind 3: Latin Hand Written -->
<xsl:when test="@family-type = 3"><xsl:text>, cursive</xsl:text></xsl:when>
<!-- family-kind 4: Latin Decorative -->
<xsl:when test="@family-type = 4"><xsl:text>, fantasy</xsl:text></xsl:when>
<!-- family-kind 5: Latin Symbol -->
<xsl:when test="@family-type = 5"></xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template match="BorderFill" mode="css-rule">
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">
<xsl:text>.borderfill-</xsl:text>
<xsl:number value="position()" />
</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">border-top</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="Border[@attribute-name='top']" mode="border-value"/>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">border-right</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="Border[@attribute-name='right']" mode="border-value"/>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">border-bottom</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="Border[@attribute-name='bottom']" mode="border-value"/>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">border-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="Border[@attribute-name='left']" mode="border-value"/>
</xsl:with-param>
</xsl:call-template>
<xsl:apply-templates select="FillColorPattern" mode="css-declaration" />
<xsl:apply-templates select="FillGradation" mode="css-declaration" />
<xsl:apply-templates select="FillImage" mode="css-declaration" />
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="Border" mode="border-value">
<xsl:apply-templates select="." mode="border-width-value" />
<xsl:text> </xsl:text>
<xsl:apply-templates select="." mode="border-style-value" />
<xsl:text> </xsl:text>
<xsl:value-of select="@color" />
</xsl:template>
<xsl:template match="Border" mode="border-width-value">
<xsl:choose>
<xsl:when test="@width = '0.1mm'">1px</xsl:when>
<xsl:when test="@width = '0.12mm'">1px</xsl:when>
<xsl:when test="@width = '0.15mm'">1px</xsl:when>
<xsl:when test="@width = '0.2mm'">1px</xsl:when>
<xsl:when test="@width = '0.25mm'">1px</xsl:when>
<xsl:when test="@width = '0.4mm'">2px</xsl:when>
<xsl:when test="@width = '0.5mm'">2px</xsl:when>
<xsl:otherwise>
<xsl:value-of select="@width" />
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="Border" mode="border-style-value">
<xsl:choose>
<xsl:when test="@stroke-type = 'none'">none</xsl:when>
<xsl:when test="@stroke-type = 'solid'">solid</xsl:when>
<xsl:when test="@stroke-type = 'dashed'">dashed</xsl:when>
<xsl:when test="@stroke-type = 'dotted'">dotted</xsl:when>
<xsl:when test="@stroke-type = 'dash-dot'">dashed</xsl:when>
<xsl:when test="@stroke-type = 'dash-dot-dot'">dashed</xsl:when>
<xsl:when test="@stroke-type = 'long-dash'">dahsed</xsl:when>
<xsl:when test="@stroke-type = 'large-dot'">dotted</xsl:when>
<xsl:when test="@stroke-type = 'double'">double</xsl:when>
<xsl:when test="@stroke-type = 'double-2'">double</xsl:when>
<xsl:when test="@stroke-type = 'double-3'">double</xsl:when>
<xsl:when test="@stroke-type = 'triple'">double</xsl:when>
<xsl:when test="@stroke-type = 'wave'">solid</xsl:when>
<xsl:when test="@stroke-type = 'double-wave'">double</xsl:when>
<xsl:when test="@stroke-type = 'inset'">inset</xsl:when>
<xsl:when test="@stroke-type = 'outset'">outset</xsl:when>
<xsl:when test="@stroke-type = 'groove'">groove</xsl:when>
<xsl:when test="@stroke-type = 'ridge'">ridge</xsl:when>
<xsl:otherwise>solid</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="FillColorPattern" mode="css-declaration">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-color</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@background-color" />
</xsl:with-param>
</xsl:call-template>
<xsl:apply-templates select="." mode="background-image" />
</xsl:template>
<xsl:template match="FillColorPattern" mode="background-image">
<xsl:choose>
<xsl:when test="@pattern-type = 'none'"></xsl:when>
<xsl:when test="@pattern-type = 'horizontal'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:text>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAATSURBVAjXY2AgGTAy/CddEyEAAFOKAQGTpJ5ZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTExLTA1VDE1OjM3OjA3KzA5OjAwrbX03gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0xMS0wNVQxNTozNzowNyswOTowMNzoTGIAAAAASUVORK5CYII=</xsl:text>
<xsl:text>)</xsl:text>
<xsl:text>/* </xsl:text>
<xsl:value-of select="@pattern-type" />
<xsl:text> */</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:when test="@pattern-type = 'vertical'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:text>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAVSURBVAjXY2CAgP9QmoGJAQ3QRwAAg8ABDm14IFwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMTEtMDVUMTU6Mzc6MzcrMDk6MDAjOvM9AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTExLTA1VDE1OjM3OjM3KzA5OjAwUmdLgQAAAABJRU5ErkJggg==</xsl:text>
<xsl:text>)</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:when test="@pattern-type = 'backslash'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:text>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAQSURBVAjXY2D4z4ABBkAIABqKB/lrzYhNAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTExLTA1VDE1OjM4OjE0KzA5OjAwofy1UAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0xMS0wNVQxNTozODoxNCswOTowMNChDewAAAAASUVORK5CYII=</xsl:text>
<xsl:text>)</xsl:text>
<xsl:text>/* </xsl:text>
<xsl:value-of select="@pattern-type" />
<xsl:text> */</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:when test="@pattern-type = 'slash'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:text>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAPSURBVAjXY2BABf8HiAsAGooH+VFK23UAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMTEtMDVUMTU6Mzg6MzUrMDk6MDBFrrmZAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTExLTA1VDE1OjM4OjM1KzA5OjAwNPMBJQAAAABJRU5ErkJggg==</xsl:text>
<xsl:text>)</xsl:text>
<xsl:text>/* </xsl:text>
<xsl:value-of select="@pattern-type" />
<xsl:text> */</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:when test="@pattern-type = 'grid'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:text>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAVSURBVAjXY2T4z4AG0ASY0OVpIgAA/d8CDKGA4lwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMTEtMDVUMTU6MzQ6MzUrMDk6MDBfklkXAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTExLTA1VDE1OjM0OjM1KzA5OjAwLs/hqwAAAABJRU5ErkJggg==</xsl:text>
<xsl:text>)</xsl:text>
<xsl:text>/* </xsl:text>
<xsl:value-of select="@pattern-type" />
<xsl:text> */</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:when test="@pattern-type = 'cross'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:text>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAeSURBVAjXY2CAgP9QmoGJAQ1gCDAiFKMCEszAEAAAEWMDCQJfExIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMTEtMDVUMTU6Mzk6NDErMDk6MDBU5v+tAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTExLTA1VDE1OjM5OjQxKzA5OjAwJbtHEQAAAABJRU5ErkJggg==</xsl:text>
<xsl:text>)</xsl:text>
<xsl:text>/* </xsl:text>
<xsl:value-of select="@pattern-type" />
<xsl:text> */</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
<xsl:text>/* </xsl:text>
<xsl:text>unrecognized @pattern-type: </xsl:text>
<xsl:value-of select="@pattern-type" />
<xsl:text> */</xsl:text>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="FillGradation" mode="css-declaration">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>linear-gradient</xsl:text>
<xsl:text>(</xsl:text>
<xsl:value-of select="@shear" />
<xsl:text>deg</xsl:text>
<xsl:for-each select="colors">
<xsl:text>,</xsl:text>
<xsl:value-of select="@hex" />
</xsl:for-each>
<xsl:text>)</xsl:text>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>-webkit-linear-gradient</xsl:text>
<xsl:text>(</xsl:text>
<xsl:value-of select="@shear" />
<xsl:text>deg</xsl:text>
<xsl:for-each select="colors">
<xsl:text>,</xsl:text>
<xsl:value-of select="@hex" />
</xsl:for-each>
<xsl:text>)</xsl:text>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>-moz-linear-gradient</xsl:text>
<xsl:text>(</xsl:text>
<xsl:value-of select="@shear" />
<xsl:text>deg</xsl:text>
<xsl:for-each select="colors">
<xsl:text>,</xsl:text>
<xsl:value-of select="@hex" />
</xsl:for-each>
<xsl:text>)</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="FillImage" mode="css-declaration">
<xsl:variable name="bindataid" select="@bindata-id"/>
<xsl:variable name="bindata" select="/HwpDoc/DocInfo/IdMappings/BinData[number($bindataid)]"/>
<xsl:choose>
<xsl:when test="@fillimage-type = 'resize'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-image</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>url(</xsl:text>
<xsl:apply-templates select="$bindata" mode="url" />
<xsl:text>)</xsl:text>
<xsl:text> </xsl:text>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">background-size</xsl:with-param>
<xsl:with-param name="value">
<xsl:text>100% 100%</xsl:text>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
<xsl:text>/* </xsl:text>
<xsl:text> unsupported @fillimage-type: </xsl:text>
<xsl:value-of select="@fillimage-type" />
<xsl:text> */&#10;</xsl:text>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="BinData" mode="url">
<xsl:apply-templates select="BinDataEmbedding" mode="url" />
</xsl:template>
<xsl:template match="BinDataEmbedding" mode="url">
<xsl:text>bindata/</xsl:text>
<xsl:value-of select="@storage-id"/>
<xsl:text>.</xsl:text>
<xsl:value-of select="@ext"/>
</xsl:template>
<xsl:template match="SectionDef" mode="css-rule">
<xsl:variable name="section-selector">
<xsl:text>.Section-</xsl:text>
<xsl:value-of select="@section-id" />
</xsl:variable>
<xsl:call-template name="css-rule">
<xsl:with-param name="selector" select="$section-selector" />
<xsl:with-param name="declarations">
<xsl:apply-templates select="PageDef" mode="paper-dimension" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">
<xsl:value-of select="$section-selector" />
<xsl:text> </xsl:text>
<xsl:text>.HeaderPageFooter</xsl:text>
</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:apply-templates select="PageDef" mode="headerpagefooter-css" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">
<xsl:value-of select="$section-selector" />
<xsl:text> </xsl:text>
<xsl:text>.Page</xsl:text>
</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:apply-templates select="PageDef" mode="page-css" />
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="PageDef" mode="headerpagefooter-css">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">position</xsl:with-param>
<xsl:with-param name="value">relative</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-top</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@top-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-right</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@right-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-bottom</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@bottom-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@left-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="PageDef" mode="page-css">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">padding-top</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@header-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">padding-bottom</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@footer-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="PageDef" mode="paper-dimension">
<xsl:choose>
<xsl:when test="@orientation = 'portrait'">
<xsl:apply-templates select="." mode="paper-dimension-portrait" />
</xsl:when>
<xsl:when test="@orientation = 'landscape'">
<xsl:apply-templates select="." mode="paper-dimension-landscape" />
</xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template match="PageDef" mode="paper-dimension-portrait">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="PageDef" mode="paper-dimension-landscape">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@height" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="Header" mode="css-rule">
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">.HeaderArea</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">position</xsl:with-param>
<xsl:with-param name="value">absolute</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">left</xsl:with-param>
<xsl:with-param name="value">0</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">top</xsl:with-param>
<xsl:with-param name="value">0</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="HeaderParagraphList/@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">height</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="HeaderParagraphList/@height" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="Footer" mode="css-rule">
<xsl:call-template name="css-rule">
<xsl:with-param name="selector">.FooterArea</xsl:with-param>
<xsl:with-param name="declarations">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">position</xsl:with-param>
<xsl:with-param name="value">absolute</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">left</xsl:with-param>
<xsl:with-param name="value">0</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">bottom</xsl:with-param>
<xsl:with-param name="value">0</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="FooterParagraphList/@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">height</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="FooterParagraphList/@height" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="ParaShape" mode="text-align">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-align</xsl:with-param>
<xsl:with-param name="value">
<xsl:choose>
<xsl:when test="@align = 'center'">center</xsl:when>
<xsl:when test="@align = 'left'">left</xsl:when>
<xsl:when test="@align = 'right'">right</xsl:when>
<xsl:when test="@align = 'both'">justify</xsl:when>
<xsl:otherwise>justify</xsl:otherwise>
</xsl:choose>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="ParaShape" mode="text-indent">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-indent</xsl:with-param>
<xsl:with-param name="value">
<!-- @indent seems to be doubled -->
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@indent div 2" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:if test="@indent &lt; 0">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">padding-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-pt">
<xsl:with-param name="hwpunit" select="@indent div 2 * -1" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:if>
</xsl:template>
<xsl:template match="CharShape" mode="text-decoration">
<xsl:choose>
<xsl:when test="@underline = 'underline'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-decoration</xsl:with-param>
<xsl:with-param name="value">underline</xsl:with-param>
</xsl:call-template>
<xsl:apply-templates select="." mode="text-decoration-color" />
<xsl:apply-templates select="." mode="text-decoration-style" />
</xsl:when>
<xsl:when test="@underline = 'overline'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-decoration</xsl:with-param>
<xsl:with-param name="value">overline</xsl:with-param>
</xsl:call-template>
<xsl:apply-templates select="." mode="text-decoration-color" />
<xsl:apply-templates select="." mode="text-decoration-style" />
</xsl:when>
<xsl:when test="@underline = 'line_through'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-decoration</xsl:with-param>
<xsl:with-param name="value">line-through</xsl:with-param>
</xsl:call-template>
<xsl:apply-templates select="." mode="text-decoration-color" />
<xsl:apply-templates select="." mode="text-decoration-style" />
</xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template match="CharShape" mode="text-decoration-color">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-decoration-color</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@underline-color" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">-moz-text-decoration-color</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@underline-color" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">-webkit-text-decoration-color</xsl:with-param>
<xsl:with-param name="value">
<xsl:value-of select="@underline-color" />
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="CharShape" mode="text-decoration-style">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">text-decoration-style</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="." mode="text-decoration-style-value" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">-moz-text-decoration-style</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="." mode="text-decoration-style-value" />
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">-webkit-text-decoration-style</xsl:with-param>
<xsl:with-param name="value">
<xsl:apply-templates select="." mode="text-decoration-style-value" />
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="CharShape" mode="text-decoration-style-value">
<xsl:choose>
<xsl:when test="@underline-style = 'solid'">solid</xsl:when>
<xsl:when test="@underline-style = 'dashed'">dashed</xsl:when>
<xsl:when test="@underline-style = 'dotted'">dotted</xsl:when>
<xsl:when test="@underline-style = 'dash_dot'">dashed</xsl:when>
<xsl:when test="@underline-style = 'dash_dot_dot'">dashed</xsl:when>
<xsl:when test="@underline-style = 'long_dashed'">dashed</xsl:when>
<xsl:when test="@underline-style = 'large_dotted'">dotted</xsl:when>
<xsl:when test="@underline-style = 'double'">double</xsl:when>
<xsl:when test="@underline-style = 'lower_weighted'">double</xsl:when>
<xsl:when test="@underline-style = 'upper_weighted'">double</xsl:when>
<xsl:when test="@underline-style = 'middle_weighted'">double</xsl:when>
</xsl:choose>
</xsl:template>
<xsl:template name="hwpunit-to-mm">
<xsl:param name="hwpunit" />
<xsl:value-of select="floor($hwpunit div 100 * 0.352777778 * 100 + 0.5) div 100" />
<xsl:text>mm</xsl:text>
</xsl:template>
<xsl:template name="hwpunit-to-pt">
<xsl:param name="hwpunit" />
<xsl:value-of select="$hwpunit div 100" />
<xsl:text>pt</xsl:text>
</xsl:template>
<xsl:template name="css-rule">
<xsl:param name="selector" />
<xsl:param name="declarations" />
<xsl:value-of select="$selector" />
<xsl:text> {&#10;</xsl:text>
<xsl:value-of select="$declarations" />
<xsl:text>}&#10;</xsl:text>
</xsl:template>
<xsl:template name="css-declaration">
<xsl:param name="property" />
<xsl:param name="value" />
<xsl:text> </xsl:text>
<xsl:value-of select="$property" />
<xsl:text>: </xsl:text>
<xsl:value-of select="$value" />
<xsl:text>;&#10;</xsl:text>
</xsl:template>
</xsl:stylesheet>
Raw
hwp5html.xsl
<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns="http://www.w3.org/1999/xhtml">
<xsl:import href="hwp5css-common.xsl" />
<xsl:output method="xml" encoding="utf-8" indent="no"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
/>
<xsl:param name="embed-styles-css" select="0" />
<xsl:template match="/">
<xsl:apply-templates select="HwpDoc" mode="html" />
</xsl:template>
<xsl:template match="HwpDoc" mode="html">
<xsl:element name="html">
<xsl:element name="head">
<xsl:element name="meta">
<xsl:attribute name="http-equiv">content-type</xsl:attribute>
<xsl:attribute name="content">text/html; charset=utf-8</xsl:attribute>
</xsl:element>
<xsl:apply-templates select="HwpSummaryInfo" mode="head" />
<xsl:apply-templates select="DocInfo" mode="head" />
<xsl:element name="style">
<xsl:attribute name="type">text/css</xsl:attribute>
<xsl:text>&#10;</xsl:text>
<xsl:apply-templates select="BodyText/SectionDef" mode="css-rule" />
<xsl:apply-templates select="//Header" mode="css-rule" />
<xsl:apply-templates select="//Footer" mode="css-rule" />
</xsl:element>
</xsl:element>
<xsl:apply-templates select="BodyText" mode="body" />
</xsl:element>
</xsl:template>
<xsl:template match="HwpSummaryInfo" mode="head">
<xsl:element name="title">
<xsl:value-of select="Property[@name='PIDSI_TITLE']/@value" />
</xsl:element>
</xsl:template>
<xsl:template match="DocInfo" mode="head">
<xsl:choose>
<xsl:when test="$embed-styles-css = '1'">
<xsl:apply-templates select="IdMappings" mode="style" />
</xsl:when>
<xsl:otherwise>
<xsl:element name="link">
<xsl:attribute name="rel">stylesheet</xsl:attribute>
<xsl:attribute name="href">styles.css</xsl:attribute>
<xsl:attribute name="type">text/css</xsl:attribute>
</xsl:element>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="IdMappings" mode="style">
<xsl:element name="style">
<xsl:attribute name="type">text/css</xsl:attribute>
<xsl:apply-templates select="." mode="css-rule" />
</xsl:element>
</xsl:template>
<xsl:template match="BodyText" mode="body">
<xsl:element name="body">
<xsl:apply-templates select="SectionDef" mode="div" />
</xsl:element>
</xsl:template>
<xsl:template match="SectionDef" mode="div">
<xsl:element name="div">
<xsl:attribute name="class">
<xsl:text>Section</xsl:text>
<xsl:text> </xsl:text>
<xsl:text>Section-</xsl:text>
<xsl:value-of select="@section-id" />
<xsl:text> </xsl:text>
<xsl:text>Paper</xsl:text>
</xsl:attribute>
<xsl:element name="div">
<xsl:attribute name="class">HeaderPageFooter</xsl:attribute>
<xsl:apply-templates select="//Header" mode="div" />
<xsl:element name="div">
<xsl:attribute name="class">Page</xsl:attribute>
<xsl:apply-templates />
</xsl:element>
<xsl:apply-templates select="//Footer" mode="div" />
</xsl:element>
</xsl:element>
</xsl:template>
<xsl:template match="Header" mode="div">
<xsl:element name="div">
<xsl:attribute name="class">HeaderArea</xsl:attribute>
<xsl:apply-templates select="HeaderParagraphList/Paragraph" />
</xsl:element>
</xsl:template>
<xsl:template match="Footer" mode="div">
<xsl:element name="div">
<xsl:attribute name="class">FooterArea</xsl:attribute>
<xsl:apply-templates select="FooterParagraphList/Paragraph" />
</xsl:element>
</xsl:template>
<xsl:template match="Paragraph">
<xsl:element name="p">
<xsl:variable name="styleid" select="@style-id"/>
<xsl:variable name="style" select="//Style[number($styleid)+1]" />
<xsl:variable name="stylename" select="$style/@name" />
<xsl:variable name="stylencname" select="translate($stylename, ' ', '-')" />
<xsl:variable name="parashape_pos" select="number(@parashape-id) + 1" />
<xsl:variable name="parashape" select="//ParaShape[$parashape_pos]" />
<xsl:attribute name="class">
<xsl:value-of select="$stylencname" />
<xsl:choose>
<xsl:when test="$style/@parashape-id = @parashape-id">
<xsl:apply-templates select="$style" mode="add-class-bullet" />
</xsl:when>
<xsl:otherwise>
<xsl:text> </xsl:text>
<xsl:text>parashape-</xsl:text>
<xsl:value-of select="@parashape-id"/>
<xsl:apply-templates select="." mode="add-class-bullet" />
</xsl:otherwise>
</xsl:choose>
</xsl:attribute>
<xsl:for-each select="LineSeg">
<xsl:apply-templates select="Text|ControlChar|AutoNumbering|TableControl[@inline='1']|GShapeObjectControl[@inline='1']" />
</xsl:for-each>
</xsl:element>
<xsl:apply-templates select="LineSeg/TableControl[@inline='0']" />
<xsl:apply-templates select="LineSeg/GShapeObjectControl[@inline='0']" />
</xsl:template>
<xsl:template match="ControlChar"><xsl:value-of select="@char"/></xsl:template>
<xsl:template match="Paragraph/LineSeg/Text">
<xsl:element name="span">
<xsl:variable name="styleid" select="../../@style-id"/>
<xsl:variable name="style" select="//Style[number($styleid)+1]" />
<xsl:variable name="stylename" select="$style/@name" />
<xsl:variable name="stylencname" select="translate($stylename, ' ', '-')" />
<xsl:attribute name="class">
<xsl:text>lang-</xsl:text>
<xsl:value-of select="@lang" />
<xsl:choose>
<xsl:when test="$style/@charshape-id = @charshape-id"></xsl:when>
<xsl:otherwise>
<xsl:text> </xsl:text>
<xsl:text>charshape-</xsl:text>
<xsl:value-of select="@charshape-id" />
</xsl:otherwise>
</xsl:choose>
</xsl:attribute>
<xsl:value-of select="text()"/>
</xsl:element>
</xsl:template>
<xsl:template match="AutoNumbering">
<xsl:element name="span">
<xsl:attribute name="class">
<xsl:text>autonumbering</xsl:text>
<xsl:text> </xsl:text>
<xsl:text>autonumbering-</xsl:text>
<xsl:value-of select="@kind" />
</xsl:attribute>
<xsl:value-of select="@prefix" />
<xsl:value-of select="@number" />
<xsl:value-of select="@suffix" />
</xsl:element>
</xsl:template>
<xsl:template match="TableControl[@inline='1']">
<xsl:element name="span">
<xsl:attribute name="class">
<xsl:text>TableControl</xsl:text>
</xsl:attribute>
<xsl:attribute name="style">
<xsl:apply-templates select="." mode="css-display" />
</xsl:attribute>
<xsl:element name="table">
<xsl:attribute name="class">borderfill-<xsl:value-of select="TableBody/@borderfill-id"/></xsl:attribute>
<xsl:attribute name="cellspacing"><xsl:value-of select="TableBody/@cellspacing"/></xsl:attribute>
<xsl:attribute name="style">
<xsl:apply-templates select="." mode="css-width" />
<xsl:apply-templates select="." mode="table-border" />
</xsl:attribute>
<xsl:apply-templates />
</xsl:element>
</xsl:element>
</xsl:template>
<xsl:template match="TableControl[@inline='0']">
<xsl:element name="table">
<xsl:attribute name="class">
<xsl:text>TableControl</xsl:text>
<xsl:text> </xsl:text>
<xsl:text>borderfill-</xsl:text>
<xsl:value-of select="TableBody/@borderfill-id"/>
</xsl:attribute>
<xsl:attribute name="cellspacing"><xsl:value-of select="TableBody/@cellspacing"/></xsl:attribute>
<xsl:attribute name="style">
<xsl:apply-templates select="." mode="css-width" />
<xsl:apply-templates select="." mode="extendedcontrol-hpos" />
<xsl:apply-templates select="." mode="table-border" />
</xsl:attribute>
<xsl:apply-templates />
</xsl:element>
</xsl:template>
<xsl:template match="TableControl" mode="table-border">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">border-collapse</xsl:with-param>
<xsl:with-param name="value">collapse</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="TableCaption">
<xsl:element name="caption">
<xsl:attribute name="class">TableCaption</xsl:attribute>
<xsl:attribute name="style">
<xsl:choose>
<xsl:when test="@position = 'top'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">caption-side</xsl:with-param>
<xsl:with-param name="value" select="@position" />
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-bottom</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@separation" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:when test="@position = 'bottom'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">caption-side</xsl:with-param>
<xsl:with-param name="value" select="@position" />
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-top</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@separation" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<xsl:otherwise>
<xsl:text>/* </xsl:text>
<xsl:text>not supported @position: </xsl:text>
<xsl:value-of select="@position" />
<xsl:text> */&#10;</xsl:text>
</xsl:otherwise>
</xsl:choose>
</xsl:attribute>
<xsl:apply-templates />
</xsl:element>
</xsl:template>
<xsl:template match="TableRow">
<xsl:element name="tr">
<xsl:apply-templates />
</xsl:element>
</xsl:template>
<xsl:template match="TableCell">
<xsl:element name="td">
<xsl:attribute name="class">borderfill-<xsl:value-of select="@borderfill-id"/></xsl:attribute>
<xsl:attribute name="style">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">height</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@height" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">padding</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@padding-top" />
</xsl:call-template>
<xsl:text> </xsl:text>
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@padding-right" />
</xsl:call-template>
<xsl:text> </xsl:text>
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@padding-bottom" />
</xsl:call-template>
<xsl:text> </xsl:text>
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@padding-left" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:attribute>
<xsl:attribute name="rowspan"><xsl:value-of select="@rowspan"/></xsl:attribute>
<xsl:attribute name="colspan"><xsl:value-of select="@colspan"/></xsl:attribute>
<xsl:apply-templates />
</xsl:element>
</xsl:template>
<xsl:template match="GShapeObjectControl[@inline='1']">
<xsl:element name="span">
<xsl:attribute name="class">GShapeObjectControl</xsl:attribute>
<xsl:attribute name="style">
<xsl:apply-templates select="." mode="css-width" />
<xsl:apply-templates select="." mode="css-display" />
</xsl:attribute>
<xsl:apply-templates />
</xsl:element>
</xsl:template>
<xsl:template match="GShapeObjectControl[@inline='0']">
<xsl:element name="div">
<xsl:attribute name="class">GShapeObjectControl</xsl:attribute>
<xsl:attribute name="style">
<xsl:apply-templates select="." mode="css-width" />
<xsl:apply-templates select="." mode="extendedcontrol-hpos" />
</xsl:attribute>
<xsl:apply-templates />
</xsl:element>
</xsl:template>
<xsl:template match="ShapePicture">
<xsl:variable name="bindataid" select="PictureInfo/@bindata-id"/>
<xsl:variable name="bindata" select="/HwpDoc/DocInfo/IdMappings/BinData[number($bindataid)]"/>
<xsl:element name="img">
<xsl:apply-templates select="$bindata" mode="img-src"/>
<xsl:attribute name="style">
<xsl:apply-templates select=".." mode="css-width" />
<xsl:text> </xsl:text>
<xsl:apply-templates select=".." mode="css-height" />
</xsl:attribute>
</xsl:element>
</xsl:template>
<xsl:template match="BinDataEmbedding" mode="img-src">
<xsl:choose>
<xsl:when test="@inline = 'true'">
<xsl:apply-templates select="." mode="img-src-datauri" />
</xsl:when>
<xsl:otherwise>
<xsl:apply-templates select="." mode="img-src-external" />
</xsl:otherwise>
</xsl:choose>
</xsl:template>
<xsl:template match="BinDataEmbedding" mode="img-src-external">
<xsl:variable name="binpath" select="'bindata/'"/>
<xsl:attribute name="src">
<xsl:value-of select="$binpath"/>
<xsl:value-of select="@storage-id"/>
<xsl:text>.</xsl:text>
<xsl:value-of select="@ext"/>
</xsl:attribute>
</xsl:template>
<xsl:template match="BinDataEmbedding" mode="img-src-datauri">
<xsl:attribute name="src">
<xsl:text>data:;base64,</xsl:text>
<xsl:value-of select="text()" />
</xsl:attribute>
</xsl:template>
<xsl:template match="ShapeComponent" mode="css-width">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="ShapeComponent" mode="css-height">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">height</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@height" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="TableControl[@inline='1']|GShapeObjectControl[@inline='1']" mode="css-display">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">display</xsl:with-param>
<xsl:with-param name="value">inline-block</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="TableControl|GShapeObjectControl" mode="css-width">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">width</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@width" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:template>
<xsl:template match="TableControl|GShapeObjectControl" mode="extendedcontrol-hpos">
<xsl:variable name="paragraph" select="../.." />
<xsl:variable name="parashape_pos" select="number($paragraph/@parashape-id) + 1" />
<xsl:variable name="parashape" select="//ParaShape[$parashape_pos]" />
<xsl:variable name="columnset" select="$paragraph/.." />
<xsl:variable name="section" select="$columnset/.." />
<xsl:variable name="pagedef" select="$section/PageDef" />
<xsl:text>/*</xsl:text>
<xsl:text> hrelto: </xsl:text>
<xsl:value-of select="@hrelto" />
<xsl:text> halign: </xsl:text>
<xsl:value-of select="@halign" />
<xsl:text>*/</xsl:text>
<xsl:choose>
<!-- 문단 -->
<xsl:when test="@hrelto = 'paragraph'">
<xsl:choose>
<!-- 왼쪽으로부터 -->
<xsl:when test="@halign = 'left'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="$parashape/@doubled-margin-left div 2 + @margin-left + @x" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 오른쪽으로부터 -->
<xsl:when test="@halign = 'right'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이) : 종이 x축에서
- (쪽 오른쪽 여백) - (문단 오른쪽 여백) : 문단 맨 오른쪽
- (@x) : x만큼 왼쪽으로
- (개체 오른쪽 여백) - (개체 넓이) : 개체 맨 왼쪽
- (쪽 왼쪽 여백) : 쪽 x축으로
-->
<xsl:with-param name="hwpunit" select="
$pagedef/@width
- $pagedef/@right-offset - $parashape/@doubled-margin-right div 2
- @x
- @margin-right - @width
- $pagedef/@left-offset
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 가운데로부터 -->
<xsl:when test="@halign = 'center'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이 - 쪽 양쪽 여백 - 문단 양쪽 여백) / 2 : 문단 중간
- (개체 넓이 / 2) : 개체 너비 절반만큼 왼쪽
+ (@x) : x만큼 오른쪽
+ (문단 왼쪽 여백) : 문단 x 축에서 쪽 x축으로
-->
<xsl:with-param name="hwpunit" select="
($pagedef/@width - $pagedef/@left-offset - $pagedef/@right-offset) div 2
- @width div 2
+ @x
+ $parashape/@doubled-margin-left div 2
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
</xsl:choose>
</xsl:when>
<!-- 단 -->
<xsl:when test="@hrelto = 'column'">
<xsl:choose>
<!-- 왼쪽으로부터 -->
<xsl:when test="@halign = 'left'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@margin-left + @x" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 오른쪽으로부터 -->
<xsl:when test="@halign = 'right'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이) : 종이 x축에서
- (쪽 오른쪽 여백) : 단 맨 오른쪽
- (@x) : x만큼 왼쪽으로
- (개체 오른쪽 여백) - (개체 넓이) : 개체 맨 왼쪽
- (쪽 왼쪽 여백) : 쪽 x축으로
-->
<xsl:with-param name="hwpunit" select="
$pagedef/@width
- $pagedef/@right-offset
- @x
- @margin-right - @width
- $pagedef/@left-offset
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 가운데로부터 -->
<xsl:when test="@halign = 'center'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이 - 쪽 양쪽 여백) / 2 : 쪽 중간
- (개체 넓이 / 2) : 개체 너비 절반만큼 왼쪽
+ (@x) : x만큼 오른쪽
-->
<xsl:with-param name="hwpunit" select="
($pagedef/@width - $pagedef/@left-offset - $pagedef/@right-offset) div 2
- @width div 2
+ @x
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
</xsl:choose>
</xsl:when>
<!-- 쪽 -->
<xsl:when test="@hrelto = 'page'">
<xsl:choose>
<!-- 왼쪽으로부터 -->
<xsl:when test="@halign = 'left'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@margin-left + @x" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 오른쪽으로부터 -->
<xsl:when test="@halign = 'right'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이) : 종이 x축에서
- (쪽 오른쪽 여백) : 쪽 맨 오른쪽
- (@x) : x만큼 왼쪽으로
- (개체 오른쪽 여백) - (개체 넓이) : 개체 맨 왼쪽
- (쪽 왼쪽 여백) : 쪽 x축으로
-->
<xsl:with-param name="hwpunit" select="
$pagedef/@width
- $pagedef/@right-offset
- @x
- @margin-right - @width
- $pagedef/@left-offset
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 가운데로부터 -->
<xsl:when test="@halign = 'center'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이 - 쪽 양쪽 여백) / 2 : 쪽 중간
- (개체 넓이 / 2) : 개체 너비 절반만큼 왼쪽
+ (@x) : x만큼 오른쪽
-->
<xsl:with-param name="hwpunit" select="
($pagedef/@width - $pagedef/@left-offset - $pagedef/@right-offset) div 2
- @width div 2
+ @x
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
</xsl:choose>
</xsl:when>
<!-- 종이 -->
<xsl:when test="@hrelto = 'paper'">
<xsl:choose>
<!-- 왼쪽으로부터 -->
<xsl:when test="@halign = 'left'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<xsl:with-param name="hwpunit" select="@margin-left + @x - $pagedef/@left-offset" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 오른쪽으로부터 -->
<xsl:when test="@halign = 'right'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이) : 종이 x축에서, 종이 맨 오른쪽
- (@x) : x만큼 왼쪽
- (개체 오른쪽 여백) - (개체 넓이) : 개체 맨 왼쪽
- (쪽 왼쪽 여백) : 쪽 x축으로
-->
<xsl:with-param name="hwpunit" select="
$pagedef/@width
- @x
- @margin-right - @width
- $pagedef/@left-offset
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 가운데로부터 -->
<xsl:when test="@halign = 'center'">
<xsl:call-template name="css-declaration">
<xsl:with-param name="property">margin-left</xsl:with-param>
<xsl:with-param name="value">
<xsl:call-template name="hwpunit-to-mm">
<!--
(종이 넓이 / 2) : 종이 x축에서, 종이 가운데
- (개체 넓이 / 2) : 개체 너비 절반만큼 왼쪽
+ (@x) : x만큼 오른쪽
- (쪽 왼쪽 여백) : 쪽 x축으로
-->
<xsl:with-param name="hwpunit" select="
$pagedef/@width div 2
- @width div 2
+ @x
- $pagedef/@left-offset
" />
</xsl:call-template>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
</xsl:choose>
</xsl:when>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>
Raw
hwp_to_html.py
from io import BytesIO
from contextlib import closing
from lxml import etree
from hwp5.xmlmodel import Hwp5File
if __name__ == '__main__':
hwp_path = 'input.hwp'
html_path = 'output.html'
xslt = etree.parse('hwp5html.xsl')
xslt_transform = etree.XSLT(xslt)
with BytesIO() as temp_buffer:
with closing(Hwp5File(hwp_path)) as hwp5_file:
hwp5_file.xmlevents().dump(temp_buffer)
temp_buffer.seek(0)
html_tree = xslt_transform(etree.parse(temp_buffer))
with open(html_path, 'w') as f:
html_tree.write(f, encoding='utf-8', method='html')
# Or, write the result to BytesIO stream:
# with BytesIO() as temp_buffer:
# html_tree.write(temp_buffer, encoding='utf-8', method='html')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment