git.iko.soy/typeable/pandoc
on 1.5.0.1 help sign in
typeable/pandoc/tests/html-reader.html
463 lines 12 kB history raw
1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
4<meta name="generator" content="pandoc" />
5<style type="text/css">
6div.pandocNote { border-left: 1px solid grey; padding-left: 1em; }
7span.pandocNoteRef { vertical-align: super; font-size: 80%; }
8span.pandocNoteMarker { }
9</style>
10<title>Pandoc Test Suite</title>
11</head>
12<body>
13<h1 class="title">Pandoc Test Suite</h1>
14<p>This is a set of tests for pandoc. Most of them are adapted from John Gruber's markdown test suite.</p>
15<hr />
16<h1>Headers</h1>
17<h2>Level 2 with an <a href="/url">embedded link</a></h2>
18<h3>Level 3 with <em>emphasis</em></h3>
19<h4>Level 4</h4>
20<h5>Level 5</h5>
21<h1>Level 1</h1>
22<h2>Level 2 with <em>emphasis</em></h2>
23<h3>Level 3</h3>
24<p>with no blank line</p>
25<h2>Level 2</h2>
26<p>with no blank line</p>
27<hr />
28<h1>Paragraphs</h1>
29<p>Here's a regular paragraph.</p>
30<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>
31<p>Here's one with a bullet. * criminey.</p>
32<p>There should be a hard line break<br />
33 here.</p>
34<hr />
35<h1>Block Quotes</h1>
36<p>E-mail style:</p>
37<blockquote>
38<p>This is a block quote. It is pretty short.</p>
39</blockquote>
40<blockquote>
41<p>Code in a block quote:</p>
42<pre><code>sub status {
43 print "working";
45</code></pre>
46<p>A list:</p>
47<ol>
48<li>item one</li>
49<li>item two</li>
50</ol>
51<p>Nested block quotes:</p>
52<blockquote>
53<p>nested</p>
54</blockquote>
55<blockquote>
56<p>nested</p>
57</blockquote>
58</blockquote>
59<p>This should not be a block quote: 2 &gt; 1.</p>
60<p>Box-style:</p>
61<blockquote>
62<p>Example:</p>
63<pre><code>sub status {
64 print "working";
66</code></pre>
67</blockquote>
68<blockquote>
69<ol>
70<li>do laundry</li>
71<li>take out the trash</li>
72</ol>
73</blockquote>
74<p>Here's a nested one:</p>
75<blockquote>
76<p>Joe said:</p>
77<blockquote>
78<p>Don't quote me.</p>
79</blockquote>
80</blockquote>
81<p>And a following paragraph.</p>
82<hr />
83<h1>Code Blocks</h1>
84<p>Code:</p>
85<pre><code>---- (should be four hyphens)
87sub status {
88 print "working";
91this code block is indented by one tab
92</code></pre>
93<p>And:</p>
94<pre><code> this code block is indented by two tabs
96These should not be escaped: \$ \\ \> \[ \{
97</code></pre>
98<hr />
99<h1>Lists</h1>
100<h2>Unordered</h2>
101<p>Asterisks tight:</p>
102<ul>
103<li>asterisk 1</li>
104<li>asterisk 2</li>
105<li>asterisk 3</li>
106</ul>
107<p>Asterisks loose:</p>
108<ul>
109<li><p>asterisk 1</p>
110</li>
111<li><p>asterisk 2</p>
112</li>
113<li><p>asterisk 3</p>
114</li>
115</ul>
116<p>Pluses tight:</p>
117<ul>
118<li>Plus 1</li>
119<li>Plus 2</li>
120<li>Plus 3</li>
121</ul>
122<p>Pluses loose:</p>
123<ul>
124<li><p>Plus 1</p>
125</li>
126<li><p>Plus 2</p>
127</li>
128<li><p>Plus 3</p>
129</li>
130</ul>
131<p>Minuses tight:</p>
132<ul>
133<li>Minus 1</li>
134<li>Minus 2</li>
135<li>Minus 3</li>
136</ul>
137<p>Minuses loose:</p>
138<ul>
139<li><p>Minus 1</p>
140</li>
141<li><p>Minus 2</p>
142</li>
143<li><p>Minus 3</p>
144</li>
145</ul>
146<h2>Ordered</h2>
147<p>Tight:</p>
148<ol>
149<li>First</li>
150<li>Second</li>
151<li>Third</li>
152</ol>
153<p>and:</p>
154<ol>
155<li>One</li>
156<li>Two</li>
157<li>Three</li>
158</ol>
159<p>Loose using tabs:</p>
160<ol>
161<li><p>First</p>
162</li>
163<li><p>Second</p>
164</li>
165<li><p>Third</p>
166</li>
167</ol>
168<p>and using spaces:</p>
169<ol>
170<li><p>One</p>
171</li>
172<li><p>Two</p>
173</li>
174<li><p>Three</p>
175</li>
176</ol>
177<p>Multiple paragraphs:</p>
178<ol>
179<li><p>Item 1, graf one.</p>
180<p>Item 1. graf two. The quick brown fox jumped over the lazy dog's back.</p>
181</li>
182<li><p>Item 2.</p>
183</li>
184<li><p>Item 3.</p>
185</li>
186</ol>
187<h2>Nested</h2>
188<ul>
189<li>Tab<ul>
190<li>Tab<ul>
191<li>Tab</li>
192</ul>
193</li>
194</ul>
195</li>
196</ul>
197<p>Here's another:</p>
198<ol>
199<li>First</li>
200<li>Second:<ul>
201<li>Fee</li>
202<li>Fie</li>
203<li>Foe</li>
204</ul>
205</li>
206<li>Third</li>
207</ol>
208<p>Same thing but with paragraphs:</p>
209<ol>
210<li><p>First</p>
211</li>
212<li><p>Second:</p>
213<ul>
214<li>Fee</li>
215<li>Fie</li>
216<li>Foe</li>
217</ul>
218</li>
219<li><p>Third</p>
220</li>
221</ol>
222<h2>Tabs and spaces</h2>
223<ul>
224<li><p>this is a list item indented with tabs</p>
225</li>
226<li><p>this is a list item indented with spaces</p>
227<ul>
228<li><p>this is an example list item indented with tabs</p>
229</li>
230<li><p>this is an example list item indented with spaces</p>
231</li>
232</ul>
233</li>
234</ul>
235<h2 id="fancy-list-markers"
236 >Fancy list markers</h2
237 ><ol start="2" class="decimal"
238 ><li
239 >begins with 2</li
240 ><li
241 ><p
242 >and now 3</p
243 ><p
244 >with a continuation</p
245 ><ol start="4" class="lower-roman"
246 ><li
247 >sublist with roman numerals, starting with 4</li
248 ><li
249 >more items<ol class="upper-alpha"
250 ><li
251 >a subsublist</li
252 ><li
253 >a subsublist</li
254 ></ol
255 ></li
256 ></ol
257 ></li
258 ></ol
259 ><p
260 >Nesting:</p
261 ><ol class="upper-alpha"
262 ><li
263 >Upper Alpha<ol class="upper-roman"
264 ><li
265 >Upper Roman.<ol start="6" class="decimal"
266 ><li
267 >Decimal start with 6<ol start="3" class="lower-alpha"
268 ><li
269 >Lower alpha with paren</li
270 ></ol
271 ></li
272 ></ol
273 ></li
274 ></ol
275 ></li
276 ></ol
277 ><p
278 >Autonumbering:</p
279 ><ol
280 ><li
281 >Autonumber.</li
282 ><li
283 >More.<ol
284 ><li
285 >Nested.</li
286 ></ol
287 ></li
288 ></ol
289 ><hr
290 />
291<h2>Definition</h2>
292<dl>
293 <dt>Violin</dt>
294 <dd>Stringed musical instrument.</dd>
295 <dd>Torture device.</dd>
296 <dt>Cello</dt>
297 <dt>Violoncello</dt>
298 <dd>Low-voiced stringed instrument.</dd>
299</dl>
300<hr />
301<h1>HTML Blocks</h1>
302<p>Simple block on one line:</p>
303foo<p>And nested without indentation:</p>
304foobar<p>Interpreted markdown in a table:</p>
305This is <em>emphasized</em>. And this is <strong>strong</strong><p>Here's a simple block:</p>
306foo<p>This should be a code block, though:</p>
307<pre><code>&lt;div>
308 foo
309&lt;/div>
310</code></pre>
311<p>As should this:</p>
312<pre><code>&lt;div>foo&lt;/div>
313</code></pre>
314<p>Now, nested:</p>
315foo<p>This should just be an HTML comment:</p>
316<p>Multiline:</p>
317<p>Code block:</p>
318<pre><code>&lt;!-- Comment -->
319</code></pre>
320<p>Just plain comment, with trailing spaces on the line:</p>
321<p>Code:</p>
322<pre><code>&lt;hr />
323</code></pre>
324<p>Hr's:</p>
325<hr />
326<hr />
327<hr />
328<hr />
329<hr />
330<hr />
331<hr />
332<hr />
333<hr />
334<hr />
335<h1>Inline Markup</h1>
336<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
337<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
338<p>An <em><a href="/url">emphasized link</a></em>.</p>
339<p><strong><em>This is strong and em.</em></strong></p>
340<p>So is <strong><em>this</em></strong> word.</p>
341<p><strong><em>This is strong and em.</em></strong></p>
342<p>So is <strong><em>this</em></strong> word.</p>
343<p>This is code: <code>></code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html></code>.</p>
344<hr />
345<h1>Smart quotes, ellipses, dashes</h1>
346<p>"Hello," said the spider. "'Shelob' is my name."</p>
347<p>'A', 'B', and 'C' are letters.</p>
348<p>'Oak,' 'elm,' and 'beech' are names of trees. So is 'pine.'</p>
349<p>'He said, "I want to go."' Were you alive in the 70's?</p>
350<p>Here is some quoted '<code>code</code>' and a "<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>".</p>
351<p>Some dashes: one---two --- three--four -- five.</p>
352<p>Dashes between numbers: 5-7, 255-66, 1987-1999.</p>
353<p>Ellipses...and. . .and . . . .</p>
354<hr />
355<h1>LaTeX</h1>
356<ul>
357<li>\cite[22-23]{smith.1899}</li>
358<li>\doublespacing</li>
359<li>$2+2=4$</li>
360<li>$x \in y$</li>
361<li>$\alpha \wedge \omega$</li>
362<li>$223$</li>
363<li>$p$-Tree</li>
364<li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li>
365<li>Here's one that has a line break in it: $\alpha + \omega \times x^2$.</li>
366</ul>
367<p>These shouldn't be math:</p>
368<ul>
369<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
370<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if "lot" is emphasized.)</li>
371<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
372</ul>
373<p>Here's a LaTeX table:</p>
374<p>\begin{tabular}{|l|l|}\hline Animal &amp; Number \\ \hline Dog &amp; 2 \\ Cat &amp; 1 \\ \hline \end{tabular}</p>
375<hr />
376<h1>Special Characters</h1>
377<p>Here is some unicode:</p>
378<ul>
379<li>I hat: Î</li>
380<li>o umlaut: ö</li>
381<li>section: §</li>
382<li>set membership: ∈</li>
383<li>copyright: ©</li>
384</ul>
385<p>AT&amp;T has an ampersand in their name.</p>
386<p>AT&amp;T is another way to write it.</p>
387<p>This &amp; that.</p>
388<p>4 &lt; 5.</p>
389<p>6 &gt; 5.</p>
390<p>Backslash: \</p>
391<p>Backtick: `</p>
392<p>Asterisk: *</p>
393<p>Underscore: _</p>
394<p>Left brace: {</p>
395<p>Right brace: }</p>
396<p>Left bracket: [</p>
397<p>Right bracket: ]</p>
398<p>Left paren: (</p>
399<p>Right paren: )</p>
400<p>Greater-than: &gt;</p>
401<p>Hash: #</p>
402<p>Period: .</p>
403<p>Bang: !</p>
404<p>Plus: +</p>
405<p>Minus: -</p>
406<hr />
407<h1>Links</h1>
408<h2>Explicit</h2>
409<p>Just a <a href="/url/">URL</a>.</p>
410<p><a href="/url/" title="title">URL and title</a>.</p>
411<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
412<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
413<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
414<p><a href="/url/" title="title with single quotes">URL and title</a></p>
415Email link (nobody [at] nowhere.net)<p><a href="">Empty</a>.</p>
416<h2>Reference</h2>
417<p>Foo <a href="/url/">bar</a>.</p>
418<p>Foo <a href="/url/">bar</a>.</p>
419<p>Foo <a href="/url/">bar</a>.</p>
420<p>With <a href="/url/">embedded [brackets]</a>.</p>
421<p><a href="/url/">b</a> by itself should be a link.</p>
422<p>Indented <a href="/url">once</a>.</p>
423<p>Indented <a href="/url">twice</a>.</p>
424<p>Indented <a href="/url">thrice</a>.</p>
425<p>This should [not] be a link.</p>
426<pre><code>[not]: /url
427</code></pre>
428<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
429<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
430<h2>With ampersands</h2>
431<p>Here's a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
432<p>Here's a link with an amersand in the link text: <a href="http://att.com/" title="AT&T">AT&amp;T</a>.</p>
433<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
434<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
435<h2>Autolinks</h2>
436<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2">http://example.com/?foo=1&amp;bar=2</a></p>
437<ul>
438<li>In a list?</li>
439<li><a href="http://example.com/">http://example.com/</a></li>
440<li>It should.</li>
441</ul>
442An e-mail address: nobody [at] nowhere.net<blockquote>
443<p>Blockquoted: <a href="http://example.com/">http://example.com/</a></p>
444</blockquote>
445<p>Auto-links should not occur here: <code>&lt;http://example.com/></code></p>
446<pre><code>or here: &lt;http://example.com/>
447</code></pre>
448<hr />
449<h1>Images</h1>
450<p>From "Voyage dans la Lune" by Georges Melies (1902):</p>
451<p><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"></p>
452<p>Here is a movie <img src="movie.jpg" alt="movie"> icon.</p>
453<hr />
454<h1>Footnotes</h1>
455<p>Here is a footnote reference<a href="#note_1">(1)</a>, and another<a href="#note_longnote">(longnote)</a>. This should <em>not</em> be a footnote reference, because it contains a space^(my note).</p>
456<p><a href="#ref_1">(1)</a> Here is the footnote. It can go anywhere in the document, not just at the end.</p>
457<p><a href="#ref_longnote">(longnote)</a> Here's the other note. This one contains multiple blocks.</p>
458<p>Caret characters are used to indicate that the blocks all belong to a single footnote (as with block quotes).</p>
459<pre><code> { &lt;code> }
460</code></pre>
461<p>If you want, you can use a caret at the beginning of every line, as with blockquotes, but all that you need is a caret at the beginning of the first line of the block and any preceding blank lines.</p>
462</body>
463</html>