<!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" >
< / head >
< body >
< div class = "container" >
< h1 > remarkable demo< / h1 >
< p > < a data-toggle = "collapse" href = "#code-sample-demo1" > Show code< / a > < / p >
< pre id = "code-sample-demo1" 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 id = "demo1" class = "row" >
< div class = "col-xs-6" >
< 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 = "mode" > html / source< / a >
< div class = "result" > < / div >
< pre class = "result-text" > < code class = "result-text-data" > < / code > < / pre >
< / section >
< / div >
< / div >
< div class = "gh-ribbon" > < a href = "https://github.com/jonschlinkert/remarkable" > Fork me on GitHub< / a > < / div >
< script src = "./assets/index.js" > < / script >
< / body >
< / html >
