git.iko.soy/typeable/pandoc
on b8d960d help sign in
typeable/pandoc/tests/html-reader.html
399 lines 10 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<hr />
236<h1>HTML Blocks</h1>
237<p>Simple block on one line:</p>
238foo<p>And nested without indentation:</p>
239foobar<p>Interpreted markdown in a table:</p>
240This is <em>emphasized</em>. And this is <strong>strong</strong><p>Here's a simple block:</p>
241foo<p>This should be a code block, though:</p>
242<pre><code>&lt;div>
243 foo
244&lt;/div>
245</code></pre>
246<p>As should this:</p>
247<pre><code>&lt;div>foo&lt;/div>
248</code></pre>
249<p>Now, nested:</p>
250foo<p>This should just be an HTML comment:</p>
251<p>Multiline:</p>
252<p>Code block:</p>
253<pre><code>&lt;!-- Comment -->
254</code></pre>
255<p>Just plain comment, with trailing spaces on the line:</p>
256<p>Code:</p>
257<pre><code>&lt;hr />
258</code></pre>
259<p>Hr's:</p>
260<hr />
261<hr />
262<hr />
263<hr />
264<hr />
265<hr />
266<hr />
267<hr />
268<hr />
269<hr />
270<h1>Inline Markup</h1>
271<p>This is <em>emphasized</em>, and so <em>is this</em>.</p>
272<p>This is <strong>strong</strong>, and so <strong>is this</strong>.</p>
273<p>An <em><a href="/url">emphasized link</a></em>.</p>
274<p><strong><em>This is strong and em.</em></strong></p>
275<p>So is <strong><em>this</em></strong> word.</p>
276<p><strong><em>This is strong and em.</em></strong></p>
277<p>So is <strong><em>this</em></strong> word.</p>
278<p>This is code: <code>></code>, <code>$</code>, <code>\</code>, <code>\$</code>, <code>&lt;html></code>.</p>
279<hr />
280<h1>Smart quotes, ellipses, dashes</h1>
281<p>"Hello," said the spider. "'Shelob' is my name."</p>
282<p>'A', 'B', and 'C' are letters.</p>
283<p>'Oak,' 'elm,' and 'beech' are names of trees. So is 'pine.'</p>
284<p>'He said, "I want to go."' Were you alive in the 70's?</p>
285<p>Here is some quoted '<code>code</code>' and a "<a href="http://example.com/?foo=1&amp;bar=2">quoted link</a>".</p>
286<p>Some dashes: one---two --- three--four -- five.</p>
287<p>Dashes between numbers: 5-7, 255-66, 1987-1999.</p>
288<p>Ellipses...and. . .and . . . .</p>
289<hr />
290<h1>LaTeX</h1>
291<ul>
292<li>\cite[22-23]{smith.1899}</li>
293<li>\doublespacing</li>
294<li>$2+2=4$</li>
295<li>$x \in y$</li>
296<li>$\alpha \wedge \omega$</li>
297<li>$223$</li>
298<li>$p$-Tree</li>
299<li>$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$</li>
300<li>Here's one that has a line break in it: $\alpha + \omega \times x^2$.</li>
301</ul>
302<p>These shouldn't be math:</p>
303<ul>
304<li>To get the famous equation, write <code>$e = mc^2$</code>.</li>
305<li>$22,000 is a <em>lot</em> of money. So is $34,000. (It worked if "lot" is emphasized.)</li>
306<li>Escaped <code>$</code>: $73 <em>this should be emphasized</em> 23$.</li>
307</ul>
308<p>Here's a LaTeX table:</p>
309<p>\begin{tabular}{|l|l|}\hline Animal &amp; Number \\ \hline Dog &amp; 2 \\ Cat &amp; 1 \\ \hline \end{tabular}</p>
310<hr />
311<h1>Special Characters</h1>
312<p>Here is some unicode:</p>
313<ul>
314<li>I hat: Î</li>
315<li>o umlaut: ö</li>
316<li>section: §</li>
317<li>set membership: ∈</li>
318<li>copyright: ©</li>
319</ul>
320<p>AT&amp;T has an ampersand in their name.</p>
321<p>AT&amp;T is another way to write it.</p>
322<p>This &amp; that.</p>
323<p>4 &lt; 5.</p>
324<p>6 &gt; 5.</p>
325<p>Backslash: \</p>
326<p>Backtick: `</p>
327<p>Asterisk: *</p>
328<p>Underscore: _</p>
329<p>Left brace: {</p>
330<p>Right brace: }</p>
331<p>Left bracket: [</p>
332<p>Right bracket: ]</p>
333<p>Left paren: (</p>
334<p>Right paren: )</p>
335<p>Greater-than: &gt;</p>
336<p>Hash: #</p>
337<p>Period: .</p>
338<p>Bang: !</p>
339<p>Plus: +</p>
340<p>Minus: -</p>
341<hr />
342<h1>Links</h1>
343<h2>Explicit</h2>
344<p>Just a <a href="/url/">URL</a>.</p>
345<p><a href="/url/" title="title">URL and title</a>.</p>
346<p><a href="/url/" title="title preceded by two spaces">URL and title</a>.</p>
347<p><a href="/url/" title="title preceded by a tab">URL and title</a>.</p>
348<p><a href="/url/" title="title with &quot;quotes&quot; in it">URL and title</a></p>
349<p><a href="/url/" title="title with single quotes">URL and title</a></p>
350Email link (nobody [at] nowhere.net)<p><a href="">Empty</a>.</p>
351<h2>Reference</h2>
352<p>Foo <a href="/url/">bar</a>.</p>
353<p>Foo <a href="/url/">bar</a>.</p>
354<p>Foo <a href="/url/">bar</a>.</p>
355<p>With <a href="/url/">embedded [brackets]</a>.</p>
356<p><a href="/url/">b</a> by itself should be a link.</p>
357<p>Indented <a href="/url">once</a>.</p>
358<p>Indented <a href="/url">twice</a>.</p>
359<p>Indented <a href="/url">thrice</a>.</p>
360<p>This should [not] be a link.</p>
361<pre><code>[not]: /url
362</code></pre>
363<p>Foo <a href="/url/" title="Title with &quot;quotes&quot; inside">bar</a>.</p>
364<p>Foo <a href="/url/" title="Title with &quot;quote&quot; inside">biz</a>.</p>
365<h2>With ampersands</h2>
366<p>Here's a <a href="http://example.com/?foo=1&amp;bar=2">link with an ampersand in the URL</a>.</p>
367<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>
368<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link</a>.</p>
369<p>Here's an <a href="/script?foo=1&amp;bar=2">inline link in pointy braces</a>.</p>
370<h2>Autolinks</h2>
371<p>With an ampersand: <a href="http://example.com/?foo=1&amp;bar=2">http://example.com/?foo=1&amp;bar=2</a></p>
372<ul>
373<li>In a list?</li>
374<li><a href="http://example.com/">http://example.com/</a></li>
375<li>It should.</li>
376</ul>
377An e-mail address: nobody [at] nowhere.net<blockquote>
378<p>Blockquoted: <a href="http://example.com/">http://example.com/</a></p>
379</blockquote>
380<p>Auto-links should not occur here: <code>&lt;http://example.com/></code></p>
381<pre><code>or here: &lt;http://example.com/>
382</code></pre>
383<hr />
384<h1>Images</h1>
385<p>From "Voyage dans la Lune" by Georges Melies (1902):</p>
386<p><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune"></p>
387<p>Here is a movie <img src="movie.jpg" alt="movie"> icon.</p>
388<hr />
389<h1>Footnotes</h1>
390<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>
391<p><a href="#ref_1">(1)</a> Here is the footnote. It can go anywhere in the document, not just at the end.</p>
392<p><a href="#ref_longnote">(longnote)</a> Here's the other note. This one contains multiple blocks.</p>
393<p>Caret characters are used to indicate that the blocks all belong to a single footnote (as with block quotes).</p>
394<pre><code> { &lt;code> }
395</code></pre>
396<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>
397</body>
398</html>