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.
78 lines
3.7 KiB
78 lines
3.7 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>markdown-it demo</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<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>
|
|
</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>
|
|
|