Markdown Parser (marked)

by sstur

HTML

<script src="https://rawgit.com/chjj/marked/master/lib/marked.js"></script>
<script id="markdown" type="text/x-markdown">
# Heading One
## Heading Two

This is a *paragraph* with some `inline code` and a [link][1]

> This is a blockquote
    
    This is some code

  * List Item One
    * Level Two List Item

[1]: http://www.github.com/ "Github"
</script>

JavaScript

var OPTIONS = {
    tables: false,
    sanitize: true
};
var markdown = document.getElementById('markdown').innerText;
var tokens = marked.lexer(markdown, OPTIONS);
console.log(tokens);

var json = JSON.stringify(tokens, null, 2);
var codeEl = document.createElement('code');
codeEl.appendChild(document.createTextNode(json));
var preEl = document.createElement('pre');
preEl.appendChild(codeEl);
document.body.appendChild(preEl);

var html = marked.Parser.parse(tokens, OPTIONS);
var contents = document.createElement('div');
contents.innerHTML = html;
document.body.appendChild(contents);