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.
113 lines
2.8 KiB
113 lines
2.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
|
|
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
|
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/highlight.min.js"></script>
|
|
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.2/styles/default.min.css">
|
|
<script src="../dist/remarkable.js"></script>
|
|
<link rel="stylesheet" href="./assets/index.css">
|
|
<script src="./assets/index.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>remarkable demo</h1>
|
|
<p><a data-toggle="collapse" href="#code-sample">Show code sample</a></p>
|
|
<pre id="code-sample" class="collapse code-sample"><code class="js">var Remarkable = require('remarkable');
|
|
|
|
var md = new Remarkable({
|
|
html: true,
|
|
xhtml: true,
|
|
breaks: false,
|
|
langprefix: 'language-'
|
|
});
|
|
|
|
console.log(md.parse('# Remarkable rulezz!'));
|
|
// => <h1>Remarkable rulezz!</h1>
|
|
</code></pre>
|
|
<div class="row">
|
|
<div class="col-xs-6"><a href="#" class="source-clear">clear</a>
|
|
<textarea class="source"># h1 Heading
|
|
## h2 Heading
|
|
### h3 Heading
|
|
#### h4 Heading
|
|
##### h5 Heading
|
|
###### h6 Heading
|
|
|
|
Alt h1 Heading
|
|
==============
|
|
|
|
Alt h2 Heading
|
|
--------------
|
|
|
|
## Horizontal Rules
|
|
|
|
---
|
|
|
|
___
|
|
|
|
|
|
***
|
|
|
|
## Text
|
|
|
|
Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.
|
|
|
|
## Emphasis
|
|
|
|
__bold text__
|
|
|
|
_italicized text_
|
|
|
|
~~strike through text~~
|
|
|
|
## Blockquotes
|
|
|
|
> Quoted text
|
|
>> Quotes can be nested
|
|
|
|
## Lists
|
|
|
|
Unordered:
|
|
|
|
* valid bullet
|
|
- valid bullet
|
|
+ valid bullet
|
|
- Phasellus iaculis neque
|
|
- Purus sodales ultricies
|
|
|
|
Ordered:
|
|
|
|
1. Lorem ipsum dolor sit amet
|
|
2. Consectetur adipiscing elit
|
|
3. Integer molestie lorem at massa
|
|
|
|
## Code
|
|
|
|
This is `example of inline code`.
|
|
|
|
Code block (with language name for highlighter)
|
|
|
|
``` javascript
|
|
var text = 'Remarkable is awesome!';
|
|
|
|
console.log(text);
|
|
```
|
|
|
|
## links
|
|
|
|
[Basic link](https://github.com/jonschlinkert/remarkable)
|
|
|
|
[Link with title](https://github.com/jonschlinkert/remarkable "Awesome markdown parser")
|
|
</textarea>
|
|
</div>
|
|
<section class="col-xs-6"><a href="#" class="result-mode">html / source</a>
|
|
<div class="result"></div>
|
|
<pre class="result-src"><code class="result-src-content"></code></pre>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="gh-ribbon"><a href="https://github.com/jonschlinkert/remarkable">Fork me on GitHub</a></div>
|
|
</body>
|
|
</html>
|