git.iko.soy/typeable/pandoc
on de79021 help sign in
typeable/pandoc/tests/writer.html
580 lines 17 kB history raw
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <meta http-equiv="Content-Style-Type" content="text/css" />
6 <meta name="generator" content="pandoc" />
7 <meta name="author" content="John MacFarlane" />
8 <meta name="author" content="Anonymous" />
9 <meta name="date" content="July 17, 2006" />
10 <title>Pandoc Test Suite</title>
11</head>
12<body>
13<div id="header">
14<h1 class="title">Pandoc Test Suite</h1>
15<h2 class="author">John MacFarlane</h2>
16<h2 class="author">Anonymous</h2>
17<h3 class="date">July 17, 2006</h3>
18</div>
19<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p>
20<hr />
21<h1 id="headers">Headers</h1>
22<h2 id="level-2-with-an-embedded-link">Level 2 with an <a href="/url">embedded link</a></h2>
23<h3 id="level-3-with-emphasis">Level 3 with <em>emphasis</em></h3>
24<h4 id="level-4">Level 4</h4>
25<h5 id="level-5">Level 5</h5>
26<h1 id="level-1">Level 1</h1>
27<h2 id="level-2-with-emphasis">Level 2 with <em>emphasis</em></h2>
28<h3 id="level-3">Level 3</h3>
29<p>with no blank line</p>
30<h2 id="level-2">Level 2</h2>
31<p>with no blank line</p>
32<hr />
33<h1 id="paragraphs">Paragraphs</h1>
34<p>Here’s a regular paragraph.</p>
35<p>In Markdown 1.0.0 and earlier. Version 8. This line turns into a list item. Because a hard-wrapped line in the middle of a paragraph looked like a list item.</p>
36<p>Here’s one with a bullet. * criminey.</p>
37<p>There should be a hard line break<br />here.</p>
38<hr />
39<h1 id="block-quotes">Block Quotes</h1>
40<p>E-mail style:</p>
41<blockquote>
42<p>This is a block quote. It is pretty short.</p>
43</blockquote>
44<blockquote>
45<p>Code in a block quote:</p>
46<pre><code>sub status {
47 print &quot;working&quot;;
49</code></pre>
50<p>A list:</p>
51<ol style="list-style-type: decimal">
52<li>item one</li>
53<li>item two</li>
54</ol>
55<p>Nested block quotes:</p>
56<blockquote>
57<p>nested</p>
58</blockquote>
59<blockquote>
60<p>nested</p>
61</blockquote>
62</blockquote>
63<p>This should not be a block quote: 2 &gt; 1.</p>
64<p>And a following paragraph.</p>
65<hr />
66<h1 id="code-blocks">Code Blocks</h1>
67<p>Code:</p>
68<pre><code>---- (should be four hyphens)
70sub status {
71 print &quot;working&quot;;
74this code block is indented by one tab
75</code></pre>
76<p>And:</p>
77<pre><code> this code block is indented by two tabs
79These should not be escaped: \$ \\ \&gt; \[ \{
80</code></pre>
81<hr />
82<h1 id="lists">Lists</h1>
83<h2 id="unordered">Unordered</h2>
84<p>Asterisks tight:</p>
85<ul>
86<li>asterisk 1</li>
87<li>asterisk 2</li>
88<li>asterisk 3</li>
89</ul>
90<p>Asterisks loose:</p>
91<ul>
92<li><p>asterisk 1</p></li>
93<li><p>asterisk 2</p></li>
94<li><p>asterisk 3</p></li>
95</ul>
96<p>Pluses tight:</p>
97<ul>
98<li>Plus 1</li>
99<li>Plus 2</li>
100<li>Plus 3</li>
101</ul>
102<p>Pluses loose:</p>
103<ul>
104<li><p>Plus 1</p></li>
105<li><p>Plus 2</p></li>
106<li><p>Plus 3</p></li>
107</ul>
108<p>Minuses tight:</p>
109<ul>
110<li>Minus 1</li>
111<li>Minus 2</li>
112<li>Minus 3</li>
113</ul>
114<p>Minuses loose:</p>
115<ul>
116<li><p>Minus 1</p></li>
117<li><p>Minus 2</p></li>
118<li><p>Minus 3</p></li>
119</ul>
120<h2 id="ordered">Ordered</h2>
121<p>Tight:</p>
122<ol style="list-style-type: decimal">
123<li>First</li>
124<li>Second</li>
125<li>Third</li>
126</ol>
127<p>and:</p>
128<ol style="list-style-type: decimal">
129<li>One</li>
130<li>Two</li>
131<li>Three</li>
132</ol>
133<p>Loose using tabs:</p>
134<ol style="list-style-type: decimal">
135<li><p>First</p></li>
136<li><p>Second</p></li>
137<li><p>Third</p></li>
138</ol>
139<p>and using spaces:</p>
140<ol style="list-style-type: decimal">
141<li><p>One</p></li>
142<li><p>Two</p></li>
143<li><p>Three</p></li>
144</ol>
145<p>Multiple paragraphs:</p>
146<ol style="list-style-type: decimal">
147<li><p>Item 1, graf one.</p>
148<p>Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p></li>
149<li><p>Item 2.</p></li>
150<li><p>Item 3.</p></li>
151</ol>
152<h2 id="nested">Nested</h2>
153<ul>
154<li>Tab
155<ul>
156<li>Tab
157<ul>
158<li>Tab</li>
159</ul></li>
160</ul></li>
161</ul>
162<p>Here’s another:</p>
163<ol style="list-style-type: decimal">
164<li>First</li>
165<li>Second:
166<ul>
167<li>Fee</li>
168<li>Fie</li>
169<li>Foe</li>
170</ul></li>
171<li>Third</li>
172</ol>
173<p>Same thing but with paragraphs:</p>
174<ol style="list-style-type: decimal">
175<li><p>First</p></li>
176<li><p>Second:</p>
177<ul>
178<li>Fee</li>
179<li>Fie</li>
180<li>Foe</li>
181</ul></li>
182<li><p>Third</p></li>
183</ol>
184<h2 id="tabs-and-spaces">Tabs and spaces</h2>
185<ul>
186<li><p>this is a list item indented with tabs</p></li>
187<li><p>this is a list item indented with spaces</p>
188<ul>
189<li><p>this is an example list item indented with tabs</p></li>
190<li><p>this is an example list item indented with spaces</p></li>
191</ul></li>
192</ul>
193<h2 id="fancy-list-markers">Fancy list markers</h2>
194<ol start="2" style="list-style-type: decimal">
195<li>begins with 2</li>
196<li><p>and now 3</p>
197<p>with a continuation</p>
198<ol start="4" style="list-style-type: lower-roman">
199<li>sublist with roman numerals, starting with 4</li>
200<li>more items
201<ol style="list-style-type: upper-alpha">
202<li>a subsublist</li>
203<li>a subsublist</li>
204</ol></li>
205</ol></li>
206</ol>
207<p>Nesting:</p>
208<ol style="list-style-type: upper-alpha">
209<li>Upper Alpha
210<ol style="list-style-type: upper-roman">
211<li>Upper Roman.
212<ol start="6" style="list-style-type: decimal">
213<li>Decimal start with 6
214<ol start="3" style="list-style-type: lower-alpha">
215<li>Lower alpha with paren</li>
216</ol></li>
217</ol></li>
218</ol></li>
219</ol>
220<p>Autonumbering:</p>
221<ol>
222<li>Autonumber.</li>
223<li>More.
224<ol>
225<li>Nested.</li>
226</ol></li>
227</ol>
228<p>Should not be a list item:</p>
229<p>M.A. 2007</p>
230<p>B. Williams</p>
231<hr />
232<h1 id="definition-lists">Definition Lists</h1>
233<p>Tight using spaces:</p>
234<dl>
235<dt>apple</dt>
236<dd>red fruit
237</dd>
238<dt>orange</dt>
239<dd>orange fruit
240</dd>
241<dt>banana</dt>
242<dd>yellow fruit
243</dd>
244</dl>
245<p>Tight using tabs:</p>
246<dl>
247<dt>apple</dt>
248<dd>red fruit
249</dd>
250<dt>orange</dt>
251<dd>orange fruit
252</dd>
253<dt>banana</dt>
254<dd>yellow fruit
255</dd>
256</dl>
257<p>Loose:</p>
258<dl>
259<dt>apple</dt>
260<dd><p>red fruit</p>
261</dd>
262<dt>orange</dt>
263<dd><p>orange fruit</p>
264</dd>
265<dt>banana</dt>
266<dd><p>yellow fruit</p>
267</dd>
268</dl>
269<p>Multiple blocks with italics:</p>
270<dl>
271<dt><em>apple</em></dt>
272<dd><p>red fruit</p>
273<p>contains seeds, crisp, pleasant to taste</p>
274</dd>
275<dt><em>orange</em></dt>
276<dd><p>orange fruit</p>
277<pre><code>{ orange code block }
278</code></pre>
279<blockquote>
280<p>orange block quote</p>
281</blockquote>
282</dd>
283</dl>
284<p>Multiple definitions, tight:</p>
285<dl>
286<dt>apple</dt>
287<dd>red fruit
288</dd><dd>computer
289</dd>
290<dt>orange</dt>
291<dd>orange fruit
292</dd><dd>bank
293</dd>
294</dl>
295<p>Multiple definitions, loose:</p>
296<dl>
297<dt>apple</dt>
298<dd><p>red fruit</p>
299</dd><dd><p>computer</p>
300</dd>
301<dt>orange</dt>
302<dd><p>orange fruit</p>
303</dd><dd><p>bank</p>
304</dd>
305</dl>
306<p>Blank line after term, indented marker, alternate markers:</p>
307<dl>
308<dt>apple</dt>
309<dd><p>red fruit</p>
310</dd><dd><p>computer</p>
311</dd>
312<dt>orange</dt>
313<dd><p>orange fruit</p>
314<ol style="list-style-type: decimal">
315<li>sublist</li>
316<li>sublist</li>
317</ol>
318</dd>
319</dl>
320<h1 id="html-blocks">HTML Blocks</h1>
321<p>Simple block on one line:</p>
322<div>
323foo
324</div>
326<p>And nested without indentation:</p>
327<div>
328<div>
329<div>
330foo
331</div>
332</div>
333<div>
334bar
335</div>
336</div>
338<p>Interpreted markdown in a table:</p>
339<table>
340<tr>
341<td>
342This is <em>emphasized</em>
343</td>
344<td>
345And this is <strong>strong</strong>
346</td>
347</tr>
348</table>
350<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script>
352<p>Here’s a simple block:</p>
353<div>
355foo
356</div>
358<p>This should be a code block, though:</p>
359<pre><code>&lt;div&gt;
360 foo
361&lt;/div&gt;
362</code></pre>
363<p>As should this:</p>
364<pre><code>&lt;div&gt;foo&lt;/div&gt;
365</code></pre>
366<p>Now, nested:</p>
367<div>
368 <div>
369 <div>
371foo
372</div>
373 </div>
374</div>
376<p>This should just be an HTML comment:</p>
377<!-- Comment -->
379<p>Multiline:</p>
380<!--
381Blah
382Blah
383-->
385<!--
386 This is another comment.
387-->
389<p>Code block:</p>
390<pre><code>&lt;!-- Comment --&gt;
391</code></pre>
392<p>Just plain comment, with trailing spaces on the line:</p>
393<!-- foo -->
395<p>Code:</p>
396<pre><code>&lt;hr /&gt;
397</code></pre>
398<p>Hr’s:</p>
399<hr>
401<hr />
403<hr />
405<hr>
407<hr />
409<hr />
411<hr class="foo" id="bar" />
413<hr class="foo" id="bar" />
415<hr class="foo" id="bar">
417<hr />
418<h1 id="inline-markup">Inline Markup</h1>
419<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
420<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
421<p>An <em><a href="/url">emphasized link</a></em>.</p>
422<p><strong><em>This is strong and em.</em></strong></p>
423<p>So is <strong><em>this</em></strong> word.</p>
424<p><strong><em>This is strong and em.</em></strong></p>
425<p>So is <strong><em>this</em></strong> word.</p>
426<p>This is code: <code>&gt;</code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html&gt;</code>.</p>
427<p><del>This is <em>strikeout</em>.</del></p>
428<p>Superscripts: a<sup>bc</sup>d a<sup><em>hello</em></sup> a<sup>hello there</sup>.</p>
429<p>Subscripts: H<sub>2</sub>O, H<sub>23</sub>O, H<sub>many of them</sub>O.</p>
430<p>These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p>
431<hr />
432<h1 id="smart-quotes-ellipses-dashes">Smart quotes, ellipses, dashes</h1>
433<p>“Hello,” said the spider. “‘Shelob’ is my name.”</p>
434<p>‘A’, ‘B’, and ‘C’ are letters.</p>
435<p>‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p>
436<p>‘He said, “I want to go.”’ Were you alive in the 70’s?</p>
437<p>Here is some quoted ‘<code>code</code>’ and a “<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>”.</p>
438<p>Some dashes: one—two — three—four — five.</p>
439<p>Dashes between numbers: 5–7, 255–66, 1987–1999.</p>
440<p>Ellipses…and…and….</p>
441<hr />
442<h1 id="latex">LaTeX</h1>
443<ul>
444<li></li>
445<li><span class="math">2 + 2 = 4</span></li>
446<li><span class="math"><em>x</em> ∈ <em>y</em></span></li>
447<li><span class="math"><em>α</em> ∧ <em>ω</em></span></li>
448<li><span class="math">223</span></li>
449<li><span class="math"><em>p</em></span>-Tree</li>
450<li>Here’s some display math: <br /><span class="math">$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</span><br /></li>
451<li>Here’s one that has a line break in it: <span class="math"><em>α</em> + <em>ω</em> × <em>x</em><sup>2</sup></span>.</li>
452</ul>
453<p>These shouldn’t be math:</p>
454<ul>
455<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
456<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if “lot” is emphasized.)</li>
457<li>Shoes ($20) and socks ($5).</li>
458<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
459</ul>
460<p>Here’s a LaTeX table:</p>
462<hr />
463<h1 id="special-characters">Special Characters</h1>
464<p>Here is some unicode:</p>
465<ul>
466<li>I hat: Î</li>
467<li>o umlaut: ö</li>
468<li>section: §</li>
469<li>set membership: ∈</li>
470<li>copyright: ©</li>
471</ul>
472<p>AT&amp;T has an ampersand in their name.</p>
473<p>AT&amp;T is another way to write it.</p>
474<p>This &amp; that.</p>
475<p>4 &lt; 5.</p>
476<p>6 &gt; 5.</p>
477<p>Backslash: \</p>
478<p>Backtick: `</p>
479<p>Asterisk: *</p>
480<p>Underscore: _</p>
481<p>Left brace: {</p>
482<p>Right brace: }</p>
483<p>Left bracket: [</p>
484<p>Right bracket: ]</p>
485<p>Left paren: (</p>
486<p>Right paren: )</p>
487<p>Greater-than: &gt;</p>
488<p>Hash: #</p>
489<p>Period: .</p>
490<p>Bang: !</p>
491<p>Plus: +</p>
492<p>Minus: -</p>
493<hr />
494<h1 id="links">Links</h1>
495<h2 id="explicit">Explicit</h2>
496<p>Just a <a href="/url/">URL</a>.</p>
497<p><a href="/url/" title="title">URL and title</a>.</p>
498<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
499<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
500<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
501<p><a href="/url/" title="title with single quotes">URL and title</a></p>
502<p><a href="/url/with_underscore">with_underscore</a></p>
503<p><script type="text/javascript">
504<!--
505h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
506document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>');
507// -->
508</script><noscript>&#x45;&#x6d;&#x61;&#x69;&#108;&#32;&#108;&#x69;&#110;&#x6b;&#32;&#40;&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;&#x29;</noscript></p>
509<p><a href="">Empty</a>.</p>
510<h2 id="reference">Reference</h2>
511<p>Foo <a href="/url/">bar</a>.</p>
512<p>Foo <a href="/url/">bar</a>.</p>
513<p>Foo <a href="/url/">bar</a>.</p>
514<p>With <a href="/url/">embedded [brackets]</a>.</p>
515<p><a href="/url/">b</a> by itself should be a link.</p>
516<p>Indented <a href="/url">once</a>.</p>
517<p>Indented <a href="/url">twice</a>.</p>
518<p>Indented <a href="/url">thrice</a>.</p>
519<p>This should [not][] be a link.</p>
520<pre><code>[not]: /url
521</code></pre>
522<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
523<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
524<h2 id="with-ampersands">With ampersands</h2>
525<p>Here’s a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
526<p>Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&amp;T">AT&amp;T</a>.</p>
527<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
528<p>Here’s an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
529<h2 id="autolinks">Autolinks</h2>
530<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2"><code class="url">http://example.com/?foo=1&amp;bar=2</code></a></p>
531<ul>
532<li>In a list?</li>
533<li><a href="http://example.com/"><code class="url">http://example.com/</code></a></li>
534<li>It should.</li>
535</ul>
536<p>An e-mail address: <script type="text/javascript">
537<!--
538h='&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#46;&#110;&#x65;&#116;';a='&#64;';n='&#110;&#x6f;&#98;&#x6f;&#100;&#x79;';e=n+a+h;
539document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'<code>'+e+'</code>'+'<\/'+'a'+'>');
540// -->
541</script><noscript>&#110;&#x6f;&#98;&#x6f;&#100;&#x79;&#32;&#x61;&#116;&#32;&#110;&#x6f;&#x77;&#104;&#x65;&#114;&#x65;&#32;&#100;&#x6f;&#116;&#32;&#110;&#x65;&#116;</noscript></p>
542<blockquote>
543<p>Blockquoted: <a href="http://example.com/"><code class="url">http://example.com/</code></a></p>
544</blockquote>
545<p>Auto-links should not occur here: <code>&lt;http://example.com/&gt;</code></p>
546<pre><code>or here: &lt;http://example.com/&gt;
547</code></pre>
548<hr />
549<h1 id="images">Images</h1>
550<p>From “Voyage dans la Lune” by Georges Melies (1902):</p>
551<div class="figure">
552<img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" /><p class="caption">lalune</p>
553</div>
554<p>Here is a movie <img src="movie.jpg" alt="movie" /> icon.</p>
555<hr />
556<h1 id="footnotes">Footnotes</h1>
557<p>Here is a footnote reference,<sup><a href="#fn1" class="footnoteRef" id="fnref1">1</a></sup> and another.<sup><a href="#fn2" class="footnoteRef" id="fnref2">2</a></sup> This should <em>not</em> be a footnote reference, because it contains a space.[^my note] Here is an inline note.<sup><a href="#fn3" class="footnoteRef" id="fnref3">3</a></sup></p>
558<blockquote>
559<p>Notes can go in quotes.<sup><a href="#fn4" class="footnoteRef" id="fnref4">4</a></sup></p>
560</blockquote>
561<ol style="list-style-type: decimal">
562<li>And in list items.<sup><a href="#fn5" class="footnoteRef" id="fnref5">5</a></sup></li>
563</ol>
564<p>This paragraph should not be part of the note, as it is not indented.</p>
565<div class="footnotes">
566<hr />
567<ol>
568<li id="fn1"><p>Here is the footnote. It can go anywhere after the footnote reference. It need not be placed at the end of the document. <a href="#fnref1" class="footnoteBackLink">↩</a></p></li>
569<li id="fn2"><p>Here’s the long note. This one contains multiple blocks.</p>
570<p>Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p>
571<pre><code> { &lt;code&gt; }
572</code></pre>
573<p>If you want, you can indent every line, but you can also be lazy and just indent the first line of each block. <a href="#fnref2" class="footnoteBackLink">↩</a></p></li>
574<li id="fn3"><p>This is <em>easier</em> to type. Inline notes may contain <a href="http://google.com">links</a> and <code>]</code> verbatim characters, as well as [bracketed text]. <a href="#fnref3" class="footnoteBackLink">↩</a></p></li>
575<li id="fn4"><p>In quote. <a href="#fnref4" class="footnoteBackLink">↩</a></p></li>
576<li id="fn5"><p>In list. <a href="#fnref5" class="footnoteBackLink">↩</a></p></li>
577</ol>
578</div>
579</body>
580</html>