diff options
Diffstat (limited to 'tests/writer.html')
-rw-r--r-- | tests/writer.html | 1184 |
1 files changed, 1184 insertions, 0 deletions
diff --git a/tests/writer.html b/tests/writer.html new file mode 100644 index 000000000..ece782f81 --- /dev/null +++ b/tests/writer.html @@ -0,0 +1,1184 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" +><head + ><title + >Pandoc Test Suite</title + ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" + /><meta name="generator" content="pandoc" + /><meta name="author" content="John MacFarlane" + /><meta name="author" content="Anonymous" + /><meta name="date" content="July 17, 2006" + /></head + ><body + ><h1 class="title" + >Pandoc Test Suite</h1 + ><p + >This is a set of tests for pandoc. Most of them are adapted from John Gruber’s markdown test suite.</p + ><hr + /><div id="headers" + ><h1 + >Headers</h1 + ><div id="level-2-with-an-embedded-link" + ><h2 + >Level 2 with an <a href="/url" + >embedded link</a + ></h2 + ><div id="level-3-with-emphasis" + ><h3 + >Level 3 with <em + >emphasis</em + ></h3 + ><div id="level-4" + ><h4 + >Level 4</h4 + ><div id="level-5" + ><h5 + >Level 5</h5 + ></div + ></div + ></div + ></div + ></div + ><div id="level-1" + ><h1 + >Level 1</h1 + ><div id="level-2-with-emphasis" + ><h2 + >Level 2 with <em + >emphasis</em + ></h2 + ><div id="level-3" + ><h3 + >Level 3</h3 + ><p + >with no blank line</p + ></div + ></div + ><div id="level-2" + ><h2 + >Level 2</h2 + ><p + >with no blank line</p + ><hr + /></div + ></div + ><div id="paragraphs" + ><h1 + >Paragraphs</h1 + ><p + >Here’s a regular paragraph.</p + ><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 + ><p + >Here’s one with a bullet. * criminey.</p + ><p + >There should be a hard line break<br + />here.</p + ><hr + /></div + ><div id="block-quotes" + ><h1 + >Block Quotes</h1 + ><p + >E-mail style:</p + ><blockquote + ><p + >This is a block quote. It is pretty short.</p + ></blockquote + ><blockquote + ><p + >Code in a block quote:</p + ><pre + ><code + >sub status { + print "working"; +} +</code + ></pre + ><p + >A list:</p + ><ol style="list-style-type: decimal;" + ><li + >item one</li + ><li + >item two</li + ></ol + ><p + >Nested block quotes:</p + ><blockquote + ><p + >nested</p + ></blockquote + ><blockquote + ><p + >nested</p + ></blockquote + ></blockquote + ><p + >This should not be a block quote: 2 > 1.</p + ><p + >And a following paragraph.</p + ><hr + /></div + ><div id="code-blocks" + ><h1 + >Code Blocks</h1 + ><p + >Code:</p + ><pre + ><code + >---- (should be four hyphens) + +sub status { + print "working"; +} + +this code block is indented by one tab +</code + ></pre + ><p + >And:</p + ><pre + ><code + > this code block is indented by two tabs + +These should not be escaped: \$ \\ \> \[ \{ +</code + ></pre + ><hr + /></div + ><div id="lists" + ><h1 + >Lists</h1 + ><div id="unordered" + ><h2 + >Unordered</h2 + ><p + >Asterisks tight:</p + ><ul + ><li + >asterisk 1</li + ><li + >asterisk 2</li + ><li + >asterisk 3</li + ></ul + ><p + >Asterisks loose:</p + ><ul + ><li + ><p + >asterisk 1</p + ></li + ><li + ><p + >asterisk 2</p + ></li + ><li + ><p + >asterisk 3</p + ></li + ></ul + ><p + >Pluses tight:</p + ><ul + ><li + >Plus 1</li + ><li + >Plus 2</li + ><li + >Plus 3</li + ></ul + ><p + >Pluses loose:</p + ><ul + ><li + ><p + >Plus 1</p + ></li + ><li + ><p + >Plus 2</p + ></li + ><li + ><p + >Plus 3</p + ></li + ></ul + ><p + >Minuses tight:</p + ><ul + ><li + >Minus 1</li + ><li + >Minus 2</li + ><li + >Minus 3</li + ></ul + ><p + >Minuses loose:</p + ><ul + ><li + ><p + >Minus 1</p + ></li + ><li + ><p + >Minus 2</p + ></li + ><li + ><p + >Minus 3</p + ></li + ></ul + ></div + ><div id="ordered" + ><h2 + >Ordered</h2 + ><p + >Tight:</p + ><ol style="list-style-type: decimal;" + ><li + >First</li + ><li + >Second</li + ><li + >Third</li + ></ol + ><p + >and:</p + ><ol style="list-style-type: decimal;" + ><li + >One</li + ><li + >Two</li + ><li + >Three</li + ></ol + ><p + >Loose using tabs:</p + ><ol style="list-style-type: decimal;" + ><li + ><p + >First</p + ></li + ><li + ><p + >Second</p + ></li + ><li + ><p + >Third</p + ></li + ></ol + ><p + >and using spaces:</p + ><ol style="list-style-type: decimal;" + ><li + ><p + >One</p + ></li + ><li + ><p + >Two</p + ></li + ><li + ><p + >Three</p + ></li + ></ol + ><p + >Multiple paragraphs:</p + ><ol style="list-style-type: decimal;" + ><li + ><p + >Item 1, graf one.</p + ><p + >Item 1. graf two. The quick brown fox jumped over the lazy dog’s back.</p + ></li + ><li + ><p + >Item 2.</p + ></li + ><li + ><p + >Item 3.</p + ></li + ></ol + ></div + ><div id="nested" + ><h2 + >Nested</h2 + ><ul + ><li + >Tab<ul + ><li + >Tab<ul + ><li + >Tab</li + ></ul + ></li + ></ul + ></li + ></ul + ><p + >Here’s another:</p + ><ol style="list-style-type: decimal;" + ><li + >First</li + ><li + >Second:<ul + ><li + >Fee</li + ><li + >Fie</li + ><li + >Foe</li + ></ul + ></li + ><li + >Third</li + ></ol + ><p + >Same thing but with paragraphs:</p + ><ol style="list-style-type: decimal;" + ><li + ><p + >First</p + ></li + ><li + ><p + >Second:</p + ><ul + ><li + >Fee</li + ><li + >Fie</li + ><li + >Foe</li + ></ul + ></li + ><li + ><p + >Third</p + ></li + ></ol + ></div + ><div id="tabs-and-spaces" + ><h2 + >Tabs and spaces</h2 + ><ul + ><li + ><p + >this is a list item indented with tabs</p + ></li + ><li + ><p + >this is a list item indented with spaces</p + ><ul + ><li + ><p + >this is an example list item indented with tabs</p + ></li + ><li + ><p + >this is an example list item indented with spaces</p + ></li + ></ul + ></li + ></ul + ></div + ><div id="fancy-list-markers" + ><h2 + >Fancy list markers</h2 + ><ol start="2" style="list-style-type: decimal;" + ><li + >begins with 2</li + ><li + ><p + >and now 3</p + ><p + >with a continuation</p + ><ol start="4" style="list-style-type: lower-roman;" + ><li + >sublist with roman numerals, starting with 4</li + ><li + >more items<ol style="list-style-type: upper-alpha;" + ><li + >a subsublist</li + ><li + >a subsublist</li + ></ol + ></li + ></ol + ></li + ></ol + ><p + >Nesting:</p + ><ol style="list-style-type: upper-alpha;" + ><li + >Upper Alpha<ol style="list-style-type: upper-roman;" + ><li + >Upper Roman.<ol start="6" style="list-style-type: decimal;" + ><li + >Decimal start with 6<ol start="3" style="list-style-type: lower-alpha;" + ><li + >Lower alpha with paren</li + ></ol + ></li + ></ol + ></li + ></ol + ></li + ></ol + ><p + >Autonumbering:</p + ><ol + ><li + >Autonumber.</li + ><li + >More.<ol + ><li + >Nested.</li + ></ol + ></li + ></ol + ><p + >Should not be a list item:</p + ><p + >M.A. 2007</p + ><p + >B. Williams</p + ><hr + /></div + ></div + ><div id="definition-lists" + ><h1 + >Definition Lists</h1 + ><p + >Tight using spaces:</p + ><dl + ><dt + >apple</dt + ><dd + >red fruit</dd + ><dt + >orange</dt + ><dd + >orange fruit</dd + ><dt + >banana</dt + ><dd + >yellow fruit</dd + ></dl + ><p + >Tight using tabs:</p + ><dl + ><dt + >apple</dt + ><dd + >red fruit</dd + ><dt + >orange</dt + ><dd + >orange fruit</dd + ><dt + >banana</dt + ><dd + >yellow fruit</dd + ></dl + ><p + >Loose:</p + ><dl + ><dt + >apple</dt + ><dd + ><p + >red fruit</p + ></dd + ><dt + >orange</dt + ><dd + ><p + >orange fruit</p + ></dd + ><dt + >banana</dt + ><dd + ><p + >yellow fruit</p + ></dd + ></dl + ><p + >Multiple blocks with italics:</p + ><dl + ><dt + ><em + >apple</em + ></dt + ><dd + ><p + >red fruit</p + ><p + >contains seeds, crisp, pleasant to taste</p + ></dd + ><dt + ><em + >orange</em + ></dt + ><dd + ><p + >orange fruit</p + ><pre + ><code + >{ orange code block } +</code + ></pre + ><blockquote + ><p + >orange block quote</p + ></blockquote + ></dd + ></dl + ></div + ><div id="html-blocks" + ><h1 + >HTML Blocks</h1 + ><p + >Simple block on one line:</p + ><div>foo</div> +<p + >And nested without indentation:</p + ><div> +<div> +<div>foo</div> +</div> +<div>bar</div> +</div> +<p + >Interpreted markdown in a table:</p + ><table> +<tr> +<td>This is <em + >emphasized</em + ></td> +<td>And this is <strong + >strong</strong + ></td> +</tr> +</table> + +<script type="text/javascript">document.write('This *should not* be interpreted as markdown');</script> +<p + >Here’s a simple block:</p + ><div> + foo</div> +<p + >This should be a code block, though:</p + ><pre + ><code + ><div> + foo +</div> +</code + ></pre + ><p + >As should this:</p + ><pre + ><code + ><div>foo</div> +</code + ></pre + ><p + >Now, nested:</p + ><div> + <div> + <div> + foo</div> + </div> +</div> +<p + >This should just be an HTML comment:</p + ><!-- Comment --> +<p + >Multiline:</p + ><!-- +Blah +Blah +--> + +<!-- + This is another comment. +--> +<p + >Code block:</p + ><pre + ><code + ><!-- Comment --> +</code + ></pre + ><p + >Just plain comment, with trailing spaces on the line:</p + ><!-- foo --> +<p + >Code:</p + ><pre + ><code + ><hr /> +</code + ></pre + ><p + >Hr’s:</p + ><hr> + +<hr /> + +<hr /> + +<hr> + +<hr /> + +<hr /> + +<hr class="foo" id="bar" /> + +<hr class="foo" id="bar" /> + +<hr class="foo" id="bar"> +<hr + /></div + ><div id="inline-markup" + ><h1 + >Inline Markup</h1 + ><p + >This is <em + >emphasized</em + >, and so <em + >is this</em + >.</p + ><p + >This is <strong + >strong</strong + >, and so <strong + >is this</strong + >.</p + ><p + >An <em + ><a href="/url" + >emphasized link</a + ></em + >.</p + ><p + ><strong + ><em + >This is strong and em.</em + ></strong + ></p + ><p + >So is <strong + ><em + >this</em + ></strong + > word.</p + ><p + ><strong + ><em + >This is strong and em.</em + ></strong + ></p + ><p + >So is <strong + ><em + >this</em + ></strong + > word.</p + ><p + >This is code: <code + >></code + >, <code + >$</code + >, <code + >\</code + >, <code + >\$</code + >, <code + ><html></code + >.</p + ><p + ><span style="text-decoration: line-through;" + >This is <em + >strikeout</em + >.</span + ></p + ><p + >Superscripts: a<sup + >bc</sup + >d a<sup + ><em + >hello</em + ></sup + > a<sup + >hello there</sup + >.</p + ><p + >Subscripts: H<sub + >2</sub + >O, H<sub + >23</sub + >O, H<sub + >many of them</sub + >O.</p + ><p + >These should not be superscripts or subscripts, because of the unescaped spaces: a^b c^d, a~b c~d.</p + ><hr + /></div + ><div id="smart-quotes-ellipses-dashes" + ><h1 + >Smart quotes, ellipses, dashes</h1 + ><p + >“Hello,” said the spider. “‘Shelob’ is my name.”</p + ><p + >‘A’, ‘B’, and ‘C’ are letters.</p + ><p + >‘Oak,’ ‘elm,’ and ‘beech’ are names of trees. So is ‘pine.’</p + ><p + >‘He said, “I want to go.”’ Were you alive in the 70’s?</p + ><p + >Here is some quoted ‘<code + >code</code + >’ and a “<a href="http://example.com/?foo=1&bar=2" + >quoted link</a + >”.</p + ><p + >Some dashes: one—two — three—four — five.</p + ><p + >Dashes between numbers: 5–7, 255–66, 1987–1999.</p + ><p + >Ellipses…and…and….</p + ><hr + /></div + ><div id="latex" + ><h1 + >LaTeX</h1 + ><ul + ><li + ></li + ><li + ><span class="math" + >2+2=4</span + ></li + ><li + ><span class="math" + ><em + >x</em + > ∈ <em + >y</em + ></span + ></li + ><li + ><span class="math" + >α ∧ ω</span + ></li + ><li + ><span class="math" + >223</span + ></li + ><li + ><span class="math" + ><em + >p</em + ></span + >-Tree</li + ><li + >Here’s some display math: <span class="math" + >\frac{<em + >d</em + >}{<em + >dx</em + >}<em + >f</em + >(<em + >x</em + >)=\lim<sub + ><em + >h</em + > → 0</sub + >\frac{<em + >f</em + >(<em + >x</em + >+<em + >h</em + >)-<em + >f</em + >(<em + >x</em + >)}{<em + >h</em + >}</span + ></li + ><li + >Here’s one that has a line break in it: <span class="math" + >α+ω × <em + >x</em + ><sup + >2</sup + ></span + >.</li + ></ul + ><p + >These shouldn’t be math:</p + ><ul + ><li + >To get the famous equation, write <code + >$e = mc^2$</code + >.</li + ><li + >$22,000 is a <em + >lot</em + > of money. So is $34,000. (It worked if “lot” is emphasized.)</li + ><li + >Shoes ($20) and socks ($5).</li + ><li + >Escaped <code + >$</code + >: $73 <em + >this should be emphasized</em + > 23$.</li + ></ul + ><p + >Here’s a LaTeX table:</p + ><p + ></p + ><hr + /></div + ><div id="special-characters" + ><h1 + >Special Characters</h1 + ><p + >Here is some unicode:</p + ><ul + ><li + >I hat: Î</li + ><li + >o umlaut: ö</li + ><li + >section: §</li + ><li + >set membership: ∈</li + ><li + >copyright: ©</li + ></ul + ><p + >AT&T has an ampersand in their name.</p + ><p + >AT&T is another way to write it.</p + ><p + >This & that.</p + ><p + >4 < 5.</p + ><p + >6 > 5.</p + ><p + >Backslash: \</p + ><p + >Backtick: `</p + ><p + >Asterisk: *</p + ><p + >Underscore: _</p + ><p + >Left brace: {</p + ><p + >Right brace: }</p + ><p + >Left bracket: [</p + ><p + >Right bracket: ]</p + ><p + >Left paren: (</p + ><p + >Right paren: )</p + ><p + >Greater-than: ></p + ><p + >Hash: #</p + ><p + >Period: .</p + ><p + >Bang: !</p + ><p + >Plus: +</p + ><p + >Minus: -</p + ><hr + /></div + ><div id="links" + ><h1 + >Links</h1 + ><div id="explicit" + ><h2 + >Explicit</h2 + ><p + >Just a <a href="/url/" + >URL</a + >.</p + ><p + ><a href="/url/" title="title" + >URL and title</a + >.</p + ><p + ><a href="/url/" title="title preceded by two spaces" + >URL and title</a + >.</p + ><p + ><a href="/url/" title="title preceded by a tab" + >URL and title</a + >.</p + ><p + ><a href="/url/" title="title with "quotes" in it" + >URL and title</a + ></p + ><p + ><a href="/url/" title="title with single quotes" + >URL and title</a + ></p + ><p + ><a href="/url/with_underscore" + >with_underscore</a + ></p + ><p + ><script type="text/javascript" + > +<!-- +h='nowhere.net';a='@';n='nobody';e=n+a+h; +document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'Email link'+'<\/'+'a'+'>'); +// --> +</script + ><noscript + >Email link (nobody at nowhere dot net)</noscript + ></p + ><p + ><a href="" + >Empty</a + >.</p + ></div + ><div id="reference" + ><h2 + >Reference</h2 + ><p + >Foo <a href="/url/" + >bar</a + >.</p + ><p + >Foo <a href="/url/" + >bar</a + >.</p + ><p + >Foo <a href="/url/" + >bar</a + >.</p + ><p + >With <a href="/url/" + >embedded [brackets]</a + >.</p + ><p + ><a href="/url/" + >b</a + > by itself should be a link.</p + ><p + >Indented <a href="/url" + >once</a + >.</p + ><p + >Indented <a href="/url" + >twice</a + >.</p + ><p + >Indented <a href="/url" + >thrice</a + >.</p + ><p + >This should [not][] be a link.</p + ><pre + ><code + >[not]: /url +</code + ></pre + ><p + >Foo <a href="/url/" title="Title with "quotes" inside" + >bar</a + >.</p + ><p + >Foo <a href="/url/" title="Title with "quote" inside" + >biz</a + >.</p + ></div + ><div id="with-ampersands" + ><h2 + >With ampersands</h2 + ><p + >Here’s a <a href="http://example.com/?foo=1&bar=2" + >link with an ampersand in the URL</a + >.</p + ><p + >Here’s a link with an amersand in the link text: <a href="http://att.com/" title="AT&T" + >AT&T</a + >.</p + ><p + >Here’s an <a href="/script?foo=1&bar=2" + >inline link</a + >.</p + ><p + >Here’s an <a href="/script?foo=1&bar=2" + >inline link in pointy braces</a + >.</p + ></div + ><div id="autolinks" + ><h2 + >Autolinks</h2 + ><p + >With an ampersand: <a href="http://example.com/?foo=1&bar=2" + ><code + >http://example.com/?foo=1&bar=2</code + ></a + ></p + ><ul + ><li + >In a list?</li + ><li + ><a href="http://example.com/" + ><code + >http://example.com/</code + ></a + ></li + ><li + >It should.</li + ></ul + ><p + >An e-mail address: <script type="text/javascript" + > +<!-- +h='nowhere.net';a='@';n='nobody';e=n+a+h; +document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+'<code>'+e+'</code>'+'<\/'+'a'+'>'); +// --> +</script + ><noscript + >nobody at nowhere dot net</noscript + ></p + ><blockquote + ><p + >Blockquoted: <a href="http://example.com/" + ><code + >http://example.com/</code + ></a + ></p + ></blockquote + ><p + >Auto-links should not occur here: <code + ><http://example.com/></code + ></p + ><pre + ><code + >or here: <http://example.com/> +</code + ></pre + ><hr + /></div + ></div + ><div id="images" + ><h1 + >Images</h1 + ><p + >From “Voyage dans la Lune” by Georges Melies (1902):</p + ><p + ><img src="lalune.jpg" title="Voyage dans la Lune" alt="lalune" + /></p + ><p + >Here is a movie <img src="movie.jpg" alt="movie" + /> icon.</p + ><hr + /></div + ><div id="footnotes" + ><h1 + >Footnotes</h1 + ><p + >Here is a footnote reference,<a href="#fn1" class="footnoteRef" id="fnref1" + ><sup + >1</sup + ></a + > and another.<a href="#fn2" class="footnoteRef" id="fnref2" + ><sup + >2</sup + ></a + > This should <em + >not</em + > be a footnote reference, because it contains a space.[^my note] Here is an inline note.<a href="#fn3" class="footnoteRef" id="fnref3" + ><sup + >3</sup + ></a + ></p + ><blockquote + ><p + >Notes can go in quotes.<a href="#fn4" class="footnoteRef" id="fnref4" + ><sup + >4</sup + ></a + ></p + ></blockquote + ><ol style="list-style-type: decimal;" + ><li + >And in list items.<a href="#fn5" class="footnoteRef" id="fnref5" + ><sup + >5</sup + ></a + ></li + ></ol + ><p + >This paragraph should not be part of the note, as it is not indented.</p + ></div + ><div class="footnotes" + ><hr + /><ol + ><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" title="Jump back to footnote 1">↩</a></p + ></li + ><li id="fn2" + ><p + >Here’s the long note. This one contains multiple blocks.</p + ><p + >Subsequent blocks are indented to show that they belong to the footnote (as with list items).</p + ><pre + ><code + > { <code> } +</code + ></pre + ><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" title="Jump back to footnote 2">↩</a></p + ></li + ><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" title="Jump back to footnote 3">↩</a></p + ></li + ><li id="fn4" + ><p + >In quote. <a href="#fnref4" class="footnoteBackLink" title="Jump back to footnote 4">↩</a></p + ></li + ><li id="fn5" + ><p + >In list. <a href="#fnref5" class="footnoteBackLink" title="Jump back to footnote 5">↩</a></p + ></li + ></ol + ></div + ></body + ></html +> + |