Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
https://markdown-it.github.io/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
4.6 KiB
97 lines
4.6 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>markdown-it demo</title>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.5/es5-shim.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/jquery/1.11.1/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/lodash/2.4.1/lodash.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.2.0/css/bootstrap.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/9.1.0/styles/github.min.css">
|
|
<script src="markdown-it.js"></script>
|
|
<script src="https://twemoji.maxcdn.com/twemoji.min.js"></script>
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="index.js"></script>
|
|
<!-- Ancient IE support - load shiv & kill broken highlighter--><!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script>window.hljs = null;</script>
|
|
<![endif]-->
|
|
<!-- GA counter-->
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-26895916-4', 'auto');
|
|
ga('require', 'displayfeatures');
|
|
ga('require', 'linkid', 'linkid.js');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>
|
|
markdown-it <small>demo</small></h1>
|
|
<div class="form-inline demo-options">
|
|
<div class="checkbox not-strict">
|
|
<label class="_tip" title="enable html tags in source text">
|
|
<input id="html" type="checkbox"> html
|
|
</label>
|
|
</div>
|
|
<div class="checkbox not-strict">
|
|
<label class="_tip" title="produce xtml output (add / to single tags (<br /> instead of <br>)">
|
|
<input id="xhtmlOut" type="checkbox"> xhtmlOut
|
|
</label>
|
|
</div>
|
|
<div class="checkbox not-strict">
|
|
<label class="_tip" title="newlines in paragraphs are rendered as <br>">
|
|
<input id="breaks" type="checkbox"> breaks
|
|
</label>
|
|
</div>
|
|
<div class="checkbox not-strict">
|
|
<label class="_tip" title="autoconvert link-like texts to links">
|
|
<input id="linkify" type="checkbox"> linkify
|
|
</label>
|
|
</div>
|
|
<div class="checkbox not-strict">
|
|
<label class="_tip" title="do typographic replacements, (c) → © and so on">
|
|
<input id="typographer" type="checkbox"> typographer
|
|
</label>
|
|
</div>
|
|
<div class="checkbox not-strict">
|
|
<label class="_tip" title="enable output highlight for fenced blocks">
|
|
<input id="_highlight" type="checkbox"> highlight
|
|
</label>
|
|
</div>
|
|
<div class="form-group not-strict">
|
|
<input class="form-control _tip" id="langPrefix" type="input" placeholder="language prefix" title="css class language prefix for fenced code blocks">
|
|
</div>
|
|
<div class="checkbox">
|
|
<label class="_tip" title="force strict CommonMark mode - output will be equal to reference parser">
|
|
<input id="_strict" type="checkbox"> CommonMark strict
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container full-height">
|
|
<div class="row full-height">
|
|
<div class="col-xs-6 full-height">
|
|
<div class="demo-control"><a class="source-clear" href="#">clear</a><a id="permalink" href="./" title="Share this snippet as link"><strong>permalink</strong></a></div>
|
|
<textarea class="source full-height"><!--SAMPLE--></textarea>
|
|
</div>
|
|
<section class="col-xs-6 full-height">
|
|
<div class="demo-control"><a href="#" data-result-as="html">html</a><a href="#" data-result-as="src">source</a><a href="#" data-result-as="debug">debug</a></div>
|
|
<div class="result-html full-height"></div>
|
|
<pre class="hljs result-src full-height"><code class="result-src-content full-height"></code></pre>
|
|
<pre class="hljs result-debug full-height"><code class="result-debug-content full-height"></code></pre>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="gh-ribbon"><a href="https://github.com/markdown-it/markdown-it" target="_blank">Fork me on GitHub</a></div>
|
|
</body>
|
|
</html>
|
|
|