Skip to content

Instantly share code, notes, and snippets.

@gabetax gabetax/example.html
Created Jan 30, 2012

Embed
What would you like to do?
XHTML to Markdown XSLT Translation
<html>
<body>
<h1>Our Navigation</h1>
<p>I'm writing an example xhtml document to get converted into markdown!</p>
<h2>Examples</h2>
<h3>Text formatting</h3>
<p>Sometimes with longer <em>paragraphs</em><br/>we just want a new line <strong>immediately</strong>.</p>
<div>Divs are block elements too, and people don't always put their text in p tags.</div>
<h3>Quotey things</h3>
<pre>
This is some documentation that should be block quoted.
It has some indentation.
And another sentence.
</pre>
<blockquote>
All right, brain. You don't like me and I don't like you, but let's just do this and I can get back to killing you with beer.
--Homer Simpson
</blockquote>
<h3>Images</h3>
<img src="http://www.google.com/intl/en_com/images/srpr/logo3w.png" alt="Google" />
<br />
<hr />
<h3>List test!</h3>
<ul>
<li>About</li>
<li>Services
<ol>
<li>Programming</li>
<li>Design</li>
<li>Marketing</li>
</ol>
</li>
<li>Team
<ol>
<li>All</li>
<li>Executive</li>
<li>Client Services</li>
<li>Programming
<ol>
<li><a href="http://rubyonrails.org">Ruby <em>on</em> Rails</a></li>
<li>PHP</li>
<li>.NET</li>
<li>Orbeon</li>
</ol>
</li>
<li>Design</li>
<li>Marketing</li>
</ol>
</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:functx="http://www.functx.com"
xmlns:xs="http://www.w3.org/2001/XMLSchema"
version="2.0">
<xsl:output method="text" />
<xsl:strip-space elements="*" />
<!-- Required for li indenting -->
<xsl:function name="functx:repeat-string" as="xs:string">
<xsl:param name="stringToRepeat" as="xs:string?"/>
<xsl:param name="count" as="xs:integer"/>
<xsl:sequence select="string-join((for $i in 1 to $count return $stringToRepeat), '')"/>
</xsl:function>
<xsl:template match="/html/body">
<xsl:apply-templates select="*" />
</xsl:template>
<xsl:template match="li">
<xsl:value-of select="functx:repeat-string(' ', count(ancestor::li))"/>
<xsl:choose>
<xsl:when test="name(..) = 'ol'">
<xsl:value-of select="position()" />
<xsl:text>. </xsl:text>
</xsl:when>
<xsl:otherwise>
<xsl:text>* </xsl:text>
</xsl:otherwise>
</xsl:choose>
<xsl:value-of select="normalize-space(text())" />
<xsl:apply-templates select="* except (ul|ol)" />
<xsl:text>&#xa;&#xa;</xsl:text>
<xsl:apply-templates select="ul|ol" />
</xsl:template>
<!-- Don't process text() nodes for these - prevents unnecessary whitespace -->
<xsl:template match="ul|ol">
<xsl:apply-templates select="* except text()" />
</xsl:template>
<xsl:template match="a">
<xsl:text>[</xsl:text>
<xsl:apply-templates select="node()|text()" />
<xsl:text>](</xsl:text>
<xsl:value-of select="@href" />
<xsl:text>)</xsl:text>
</xsl:template>
<xsl:template match="img">
<xsl:text>![</xsl:text>
<xsl:value-of select="@alt" />
<xsl:text>](</xsl:text>
<xsl:value-of select="@src" />
<xsl:text>)</xsl:text>
</xsl:template>
<xsl:template match="strong|b">
<xsl:text>**</xsl:text>
<xsl:value-of select="." />
<xsl:text>**</xsl:text>
</xsl:template>
<xsl:template match="em|i">
<xsl:text>*</xsl:text>
<xsl:value-of select="." />
<xsl:text>*</xsl:text>
</xsl:template>
<xsl:template match="code">
<!-- todo: skip the ` if inside a pre -->
<xsl:text>`</xsl:text>
<xsl:value-of select="." />
<xsl:text>`</xsl:text>
</xsl:template>
<xsl:template match="br">
<xsl:text> &#xa;</xsl:text>
</xsl:template>
<!-- Block elements -->
<xsl:template match="hr">
<xsl:text>----&#xa;&#xa;</xsl:text>
</xsl:template>
<xsl:template match="p|div">
<xsl:apply-templates select="*|text()" />
<xsl:text>&#xa;&#xa;</xsl:text> <!-- Block element -->
</xsl:template>
<xsl:template match="*[matches(name(), 'h[1-6]')]">
<xsl:value-of select="functx:repeat-string('#', xs:integer(substring(name(), 2)))" />
<xsl:text> </xsl:text>
<xsl:apply-templates select="*|text()" />
<xsl:text>&#xa;&#xa;</xsl:text> <!-- Block element -->
</xsl:template>
<xsl:template match="pre">
<xsl:text> </xsl:text>
<xsl:value-of select="replace(text(), '&#xa;', '&#xa; ')" />
<xsl:text>&#xa;&#xa;</xsl:text> <!-- Block element -->
</xsl:template>
<xsl:template match="blockquote">
<xsl:text>&gt; </xsl:text>
<xsl:value-of select="replace(text(), '&#xa;', '&#xa;&gt; ')" />
<xsl:text>&#xa;&#xa;</xsl:text> <!-- Block element -->
</xsl:template>
</xsl:stylesheet>

Our Navigation

I'm writing an example xhtml document to get converted into markdown!

Examples

Text formatting

Sometimes with longer paragraphs
we just want a new line immediately.

Divs are block elements too, and people don't always put their text in p tags.

Quotey things

This is some documentation that should be block quoted.
  It has some indentation.
And another sentence.
All right, brain. You don't like me and I don't like you, but let's just do this and I can get back to killing you with beer.

--Homer Simpson

Images

Google

List test!

  • About
  • Services
    1. Programming
    2. Design
    3. Marketing
  • Team
    1. All
    2. Executive
    3. Client Services
    4. Programming
      1. Ruby on Rails
      2. PHP
      3. .NET
      4. Orbeon
    5. Design
    6. Marketing
  • Blog
  • Contact
@gabetax

This comment has been minimized.

Copy link
Owner Author

gabetax commented Jan 30, 2012

I wrote this as a personal XSLT learning project.

To run XSLT on OSX:

$ brew install saxon
$ saxon example.html html-to-markdown.xsl

This would benefit for some additions to better handle block elements.

@SmileGobo

This comment has been minimized.

Copy link

SmileGobo commented Mar 10, 2016

In programming list probably you have mistacke. Orbeon -> Oberon

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.