├── README.md
├── index.css
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | This repo is generated from __[markdown-it](https://github.com/markdown-it/markdown-it)__ by script.
2 | 
3 | Please, use __[markdown-it](https://github.com/markdown-it)__ for all questions & PRs.
4 | 


--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body,
  3 | .full-height {
  4 |   height: 100%;
  5 | }
  6 | 
  7 | body {
  8 |   overflow-x: hidden;
  9 |   padding-bottom: 160px;
 10 |   background-color: #fbfbfb;
 11 | }
 12 | 
 13 | /* hack to allign emojies to line height */
 14 | .emoji {
 15 |   height: 1.2em;
 16 | }
 17 | 
 18 | .demo-options {
 19 |   margin-bottom: 30px;
 20 | }
 21 | 
 22 | .opt__strict .not-strict {
 23 |   opacity: 0.3;
 24 | }
 25 | 
 26 | .checkbox {
 27 |   margin-right: 10px;
 28 | }
 29 | 
 30 | .source {
 31 |   width: 100%;
 32 |   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 33 |   font-size: 13px;
 34 |   padding: 2px;
 35 | }
 36 | 
 37 | .result-html {
 38 |   padding: 2px 10px;
 39 |   overflow: auto;
 40 |   background-color: #fff;
 41 |   border: 1px solid #ccc;
 42 |   border-radius: 4px;
 43 | }
 44 | .result-html img {
 45 |   max-width: 35%;
 46 | }
 47 | 
 48 | .result-src,
 49 | .result-debug {
 50 |   display: none;
 51 | }
 52 | 
 53 | .result-src-content,
 54 | .result-debug-content {
 55 |   white-space: pre;
 56 | }
 57 | 
 58 | .result-as-html .result-html { display: block; }
 59 | .result-as-html .result-src,
 60 | .result-as-html .result-debug { display: none; }
 61 | 
 62 | .result-as-src .result-src { display: block; }
 63 | .result-as-src .result-html,
 64 | .result-as-src .result-debug { display: none; }
 65 | 
 66 | .result-as-debug .result-debug { display: block; }
 67 | .result-as-debug .result-html,
 68 | .result-as-debug .result-src { display: none; }
 69 | 
 70 | .demo-control {
 71 |   position: absolute;
 72 |   right: 15px;
 73 |   top: -17px;
 74 |   border-radius: 6px 6px 0 0;
 75 |   font-size: 12px;
 76 |   background-color: #ddd;
 77 | }
 78 | .demo-control a {
 79 |   padding: 0 20px;
 80 | }
 81 | .demo-control a:first-child {
 82 |   padding-left: 30px;
 83 | }
 84 | .demo-control a:last-child {
 85 |   padding-right: 30px;
 86 | }
 87 | 
 88 | /* twbs fix */
 89 | .hljs {
 90 |   padding: 9.5px;
 91 | }
 92 | .hljs code {
 93 |   white-space: pre;
 94 | }
 95 | 
 96 | 
 97 | .footnotes {
 98 |   -moz-column-count: 2;
 99 |   column-count: 2;
100 | }
101 | .footnotes-list {
102 |   padding-left: 2em;
103 | }
104 | 
105 | /* custom container */
106 | .warning {
107 |   background-color: #ff8;
108 |   padding: 20px;
109 |   border-radius: 6px;
110 | }
111 | 
112 | .gh-ribbon {
113 |   display: block;
114 |   position: absolute;
115 |   right: -60px;
116 |   top: 44px;
117 |   transform: rotate(45deg);
118 |   width: 230px;
119 |   z-index: 10000;
120 |   white-space: nowrap;
121 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
122 |   background-color: #686868;
123 |   box-shadow: 0 0 2px rgba(102,102,102,0.4);
124 |   padding: 1px 0;
125 | }
126 | .gh-ribbon a {
127 |   text-decoration: none !important;
128 |   border: 1px solid #ccc;
129 |   color: #fff;
130 |   display: block;
131 |   font-size: 13px;
132 |   font-weight: 700;
133 |   outline: medium none;
134 |   padding: 4px 50px 2px;
135 |   text-align: center;
136 | }
137 | 
138 | /* Override default responsiveness */
139 | .form-inline .radio,
140 | .form-inline .checkbox {
141 |   display: inline-block;
142 |   margin-bottom: 0;
143 |   margin-top: 0;
144 | }
145 | .form-inline .form-group {
146 |   display: inline-block;
147 |   margin-bottom: 0;
148 |   vertical-align: middle;
149 | }
150 | .form-inline .form-control {
151 |   display: inline-block;
152 |   vertical-align: middle;
153 |   width: auto;
154 | }
155 | 
156 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <title>markdown-it demo</title>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <script src="https://cdn.jsdelivr.net/jquery/1.11.1/jquery.min.js"></script>
  8 |     <script src="https://cdn.jsdelivr.net/lodash/2.4.1/lodash.js"></script>
  9 |     <script src="https://cdn.jsdelivr.net/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 10 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.2.0/css/bootstrap.css">
 11 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/9.1.0/styles/github.min.css">
 12 |     <script src="markdown-it.js"></script>
 13 |     <script src="https://unpkg.com/twemoji@14.0.2/dist/twemoji.min.js" crossorigin="anonymous"></script>
 14 |     <link rel="stylesheet" href="index.css">
 15 |     <script src="index.js"></script>
 16 |   </head>
 17 |   <body>
 18 |     <div class="container">
 19 |       <h1>
 20 |         markdown-it <small>demo</small></h1>
 21 |       <div class="form-inline demo-options">
 22 |         <div class="checkbox not-strict">
 23 |           <label class="_tip" title="enable html tags in source text">
 24 |             <input id="html" type="checkbox"> html
 25 |           </label>
 26 |         </div>
 27 |         <div class="checkbox not-strict">
 28 |           <label class="_tip" title="produce xtml output (add / to single tags (&lt;br /&gt; instead of &lt;br&gt;)">
 29 |             <input id="xhtmlOut" type="checkbox"> xhtmlOut
 30 |           </label>
 31 |         </div>
 32 |         <div class="checkbox not-strict">
 33 |           <label class="_tip" title="newlines in paragraphs are rendered as &lt;br&gt;">
 34 |             <input id="breaks" type="checkbox"> breaks
 35 |           </label>
 36 |         </div>
 37 |         <div class="checkbox not-strict">
 38 |           <label class="_tip" title="autoconvert link-like texts to links">
 39 |             <input id="linkify" type="checkbox"> linkify
 40 |           </label>
 41 |         </div>
 42 |         <div class="checkbox not-strict">
 43 |           <label class="_tip" title="do typographic replacements, (c) → © and so on">
 44 |             <input id="typographer" type="checkbox"> typographer
 45 |           </label>
 46 |         </div>
 47 |         <div class="checkbox not-strict">
 48 |           <label class="_tip" title="enable output highlight for fenced blocks">
 49 |             <input id="_highlight" type="checkbox"> highlight
 50 |           </label>
 51 |         </div>
 52 |         <div class="form-group not-strict">
 53 |           <input class="form-control _tip" id="langPrefix" type="input" placeholder="language prefix" title="css class language prefix for fenced code blocks">
 54 |         </div>
 55 |         <div class="checkbox">
 56 |           <label class="_tip" title="force strict CommonMark mode - output will be equal to reference parser">
 57 |             <input id="_strict" type="checkbox"> CommonMark strict
 58 |           </label>
 59 |         </div>
 60 |       </div>
 61 |     </div>
 62 |     <div class="container full-height">
 63 |       <div class="row full-height">
 64 |         <div class="col-xs-6 full-height">
 65 |           <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>
 66 |           <textarea class="source full-height">---
 67 | __Advertisement :)__
 68 | 
 69 | - __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image
 70 |   resize in browser.
 71 | - __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly
 72 |   i18n with plurals support and easy syntax.
 73 | 
 74 | You will like those projects!
 75 | 
 76 | ---
 77 | 
 78 | # h1 Heading 8-)
 79 | ## h2 Heading
 80 | ### h3 Heading
 81 | #### h4 Heading
 82 | ##### h5 Heading
 83 | ###### h6 Heading
 84 | 
 85 | 
 86 | ## Horizontal Rules
 87 | 
 88 | ___
 89 | 
 90 | ---
 91 | 
 92 | ***
 93 | 
 94 | 
 95 | ## Typographic replacements
 96 | 
 97 | Enable typographer option to see result.
 98 | 
 99 | (c) (C) (r) (R) (tm) (TM) (p) (P) +-
100 | 
101 | test.. test... test..... test?..... test!....
102 | 
103 | !!!!!! ???? ,,  -- ---
104 | 
105 | &quot;Smartypants, double quotes&quot; and 'single quotes'
106 | 
107 | 
108 | ## Emphasis
109 | 
110 | **This is bold text**
111 | 
112 | __This is bold text__
113 | 
114 | *This is italic text*
115 | 
116 | _This is italic text_
117 | 
118 | ~~Strikethrough~~
119 | 
120 | 
121 | ## Blockquotes
122 | 
123 | 
124 | &gt; Blockquotes can also be nested...
125 | &gt;&gt; ...by using additional greater-than signs right next to each other...
126 | &gt; &gt; &gt; ...or with spaces between arrows.
127 | 
128 | 
129 | ## Lists
130 | 
131 | Unordered
132 | 
133 | + Create a list by starting a line with `+`, `-`, or `*`
134 | + Sub-lists are made by indenting 2 spaces:
135 |   - Marker character change forces new list start:
136 |     * Ac tristique libero volutpat at
137 |     + Facilisis in pretium nisl aliquet
138 |     - Nulla volutpat aliquam velit
139 | + Very easy!
140 | 
141 | Ordered
142 | 
143 | 1. Lorem ipsum dolor sit amet
144 | 2. Consectetur adipiscing elit
145 | 3. Integer molestie lorem at massa
146 | 
147 | 
148 | 1. You can use sequential numbers...
149 | 1. ...or keep all the numbers as `1.`
150 | 
151 | Start numbering with offset:
152 | 
153 | 57. foo
154 | 1. bar
155 | 
156 | 
157 | ## Code
158 | 
159 | Inline `code`
160 | 
161 | Indented code
162 | 
163 |     // Some comments
164 |     line 1 of code
165 |     line 2 of code
166 |     line 3 of code
167 | 
168 | 
169 | Block code &quot;fences&quot;
170 | 
171 | ```
172 | Sample text here...
173 | ```
174 | 
175 | Syntax highlighting
176 | 
177 | ``` js
178 | var foo = function (bar) {
179 |   return bar++;
180 | };
181 | 
182 | console.log(foo(5));
183 | ```
184 | 
185 | ## Tables
186 | 
187 | | Option | Description |
188 | | ------ | ----------- |
189 | | data   | path to data files to supply the data that will be passed into templates. |
190 | | engine | engine to be used for processing templates. Handlebars is the default. |
191 | | ext    | extension to be used for dest files. |
192 | 
193 | Right aligned columns
194 | 
195 | | Option | Description |
196 | | ------:| -----------:|
197 | | data   | path to data files to supply the data that will be passed into templates. |
198 | | engine | engine to be used for processing templates. Handlebars is the default. |
199 | | ext    | extension to be used for dest files. |
200 | 
201 | 
202 | ## Links
203 | 
204 | [link text](http://dev.nodeca.com)
205 | 
206 | [link with title](http://nodeca.github.io/pica/demo/ &quot;title text!&quot;)
207 | 
208 | Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
209 | 
210 | 
211 | ## Images
212 | 
213 | ![Minion](https://octodex.github.com/images/minion.png)
214 | ![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg &quot;The Stormtroopocat&quot;)
215 | 
216 | Like links, Images also have a footnote style syntax
217 | 
218 | ![Alt text][id]
219 | 
220 | With a reference later in the document defining the URL location:
221 | 
222 | [id]: https://octodex.github.com/images/dojocat.jpg  &quot;The Dojocat&quot;
223 | 
224 | 
225 | ## Plugins
226 | 
227 | The killer feature of `markdown-it` is very effective support of
228 | [syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
229 | 
230 | 
231 | ### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
232 | 
233 | &gt; Classic markup: :wink: :cry: :laughing: :yum:
234 | &gt;
235 | &gt; Shortcuts (emoticons): :-) :-( 8-) ;)
236 | 
237 | see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
238 | 
239 | 
240 | ### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
241 | 
242 | - 19^th^
243 | - H~2~O
244 | 
245 | 
246 | ### [\&lt;ins&gt;](https://github.com/markdown-it/markdown-it-ins)
247 | 
248 | ++Inserted text++
249 | 
250 | 
251 | ### [\&lt;mark&gt;](https://github.com/markdown-it/markdown-it-mark)
252 | 
253 | ==Marked text==
254 | 
255 | 
256 | ### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
257 | 
258 | Footnote 1 link[^first].
259 | 
260 | Footnote 2 link[^second].
261 | 
262 | Inline footnote^[Text of inline footnote] definition.
263 | 
264 | Duplicated footnote reference[^second].
265 | 
266 | [^first]: Footnote **can have markup**
267 | 
268 |     and multiple paragraphs.
269 | 
270 | [^second]: Footnote text.
271 | 
272 | 
273 | ### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
274 | 
275 | Term 1
276 | 
277 | :   Definition 1
278 | with lazy continuation.
279 | 
280 | Term 2 with *inline markup*
281 | 
282 | :   Definition 2
283 | 
284 |         { some code, part of Definition 2 }
285 | 
286 |     Third paragraph of definition 2.
287 | 
288 | _Compact style:_
289 | 
290 | Term 1
291 |   ~ Definition 1
292 | 
293 | Term 2
294 |   ~ Definition 2a
295 |   ~ Definition 2b
296 | 
297 | 
298 | ### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
299 | 
300 | This is HTML abbreviation example.
301 | 
302 | It converts &quot;HTML&quot;, but keep intact partial entries like &quot;xxxHTMLyyy&quot; and so on.
303 | 
304 | *[HTML]: Hyper Text Markup Language
305 | 
306 | ### [Custom containers](https://github.com/markdown-it/markdown-it-container)
307 | 
308 | ::: warning
309 | *here be dragons*
310 | :::
311 | </textarea>
312 |         </div>
313 |         <section class="col-xs-6 full-height">
314 |           <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>
315 |           <div class="result-html full-height"></div>
316 |           <pre class="hljs result-src full-height"><code class="result-src-content full-height"></code></pre>
317 |           <pre class="hljs result-debug full-height"><code class="result-debug-content full-height"></code></pre>
318 |         </section>
319 |       </div>
320 |     </div>
321 |     <div class="gh-ribbon"><a href="https://github.com/markdown-it/markdown-it" target="_blank">Fork me on GitHub</a></div>
322 |   </body>
323 | </html>
324 | 


--------------------------------------------------------------------------------