398 lines
8.7 KiB
YAML
398 lines
8.7 KiB
YAML
---
|
|
in: h1. Header 1
|
|
out: <h1>Header 1</h1>
|
|
---
|
|
in: h2. Header 2
|
|
out: <h2>Header 2</h2>
|
|
---
|
|
in: h3. Header 3
|
|
out: <h3>Header 3</h3>
|
|
---
|
|
in: |-
|
|
Any old text.
|
|
|
|
bq. A block quotation.
|
|
|
|
Any old text.
|
|
|
|
out: |-
|
|
<p>Any old text.</p>
|
|
|
|
<blockquote>
|
|
<p>A block quotation.</p>
|
|
</blockquote>
|
|
|
|
<p>Any old text.</p>
|
|
|
|
---
|
|
in: This is covered elsewhere[1].
|
|
out: <p>This is covered elsewhere<sup><a href="#fn1">1</a></sup>.</p>
|
|
---
|
|
in: fn1. Down here, in fact.
|
|
out: <p id="fn1"><sup>1</sup> Down here, in fact.</p>
|
|
---
|
|
in: |-
|
|
# A first item
|
|
# A second item
|
|
# A third item
|
|
# A fourth item
|
|
out: |-
|
|
<ol>
|
|
<li>A first item</li>
|
|
<li>A second item</li>
|
|
<li>A third item</li>
|
|
<li>A fourth item</li>
|
|
</ol>
|
|
---
|
|
in: |-
|
|
* A first item
|
|
* A second item
|
|
* A third item
|
|
* A fourth item
|
|
|
|
out: |-
|
|
<ul>
|
|
<li>A first item</li>
|
|
<li>A second item</li>
|
|
<li>A third item</li>
|
|
<li>A fourth item</li>
|
|
</ul>
|
|
|
|
---
|
|
in: _a phrase_
|
|
out: <p><em>a phrase</em></p>
|
|
---
|
|
in: __a phrase__
|
|
out: <p><i>a phrase</i></p>
|
|
---
|
|
in: '*a phrase*'
|
|
out: <p><strong>a phrase</strong></p>
|
|
---
|
|
in: '**a phrase**'
|
|
out: <p><b>a phrase</b></p>
|
|
---
|
|
in: Nabokov's ??Pnin??
|
|
out: <p>Nabokov’s <cite>Pnin</cite></p>
|
|
---
|
|
in: -a phrase-
|
|
out: <p><del>a phrase</del></p>
|
|
---
|
|
in: +a phrase+
|
|
out: <p><ins>a phrase</ins></p>
|
|
---
|
|
in: ^a phrase^
|
|
out: <p><sup>a phrase</sup></p>
|
|
---
|
|
in: ~a phrase~
|
|
out: <p><sub>a phrase</sub></p>
|
|
# ---
|
|
# in: %(caps)SPAN%
|
|
# out: <p><span class="caps">SPAN</span>
|
|
---
|
|
in: %{color:red}red%
|
|
out: <p><span style="color:red;">red</span></p>
|
|
---
|
|
in: %[fr]rouge%
|
|
out: <p><span lang="fr">rouge</span></p>
|
|
---
|
|
in: _(big)red_
|
|
out: <p><em class="big">red</em></p>
|
|
---
|
|
in: p(bob). A paragraph
|
|
out: <p class="bob">A paragraph</p>
|
|
---
|
|
in: p{color:#ddd}. A paragraph
|
|
out: <p style="color:#ddd;">A paragraph</p>
|
|
---
|
|
in: p[fr]. A paragraph
|
|
out: <p lang="fr">A paragraph</p>
|
|
---
|
|
in: h2()>. right-aligned header2, indented 1em both side
|
|
out: <h2 style="padding-left:1em;padding-right:1em;text-align:right;">right-aligned header2, indented 1em both side</h2>
|
|
---
|
|
in: h3=. centered header
|
|
out: <h3 style="text-align:center;">centered header</h3>
|
|
---
|
|
in: '!>/image.gif! right-aligned image'
|
|
out: <p style="float:right"><img src="/image.gif" alt="" /> right-aligned image</p>
|
|
---
|
|
in: p[no]{color:red}. A Norse of a different colour.
|
|
out: <p style="color:red;" lang="no">A Norse of a different colour.</p>
|
|
---
|
|
in: |-
|
|
|This|is|a|simple|table|
|
|
|This|is|a|simple|row|
|
|
out: |-
|
|
<table>
|
|
<tr>
|
|
<td>This</td>
|
|
<td>is</td>
|
|
<td>a</td>
|
|
<td>simple</td>
|
|
<td>table</td>
|
|
</tr>
|
|
<tr>
|
|
<td>This</td>
|
|
<td>is</td>
|
|
<td>a</td>
|
|
<td>simple</td>
|
|
<td>row</td>
|
|
</tr>
|
|
</table>
|
|
---
|
|
in: |-
|
|
table{border:1px solid black}.
|
|
|This|is|a|row|
|
|
|This|is|a|row|
|
|
out: |-
|
|
<table style="border:1px solid black;">
|
|
<tr>
|
|
<td>This</td>
|
|
<td>is</td>
|
|
<td>a</td>
|
|
<td>row</td>
|
|
</tr>
|
|
<tr>
|
|
<td>This</td>
|
|
<td>is</td>
|
|
<td>a</td>
|
|
<td>row</td>
|
|
</tr>
|
|
</table>
|
|
---
|
|
in: '{background:#ddd}. |This|is|a|row|'
|
|
out: |-
|
|
<table>
|
|
<tr style="background:#ddd;">
|
|
<td>This</td>
|
|
<td>is</td>
|
|
<td>a</td>
|
|
<td>row</td>
|
|
</tr>
|
|
</table>
|
|
---
|
|
in: |-
|
|
|{background:#ddd}. Cell with gray background|
|
|
|\2. Cell spanning 2 columns|
|
|
|/3. Cell spanning 3 rows|
|
|
|>. Right-aligned cell|
|
|
out: |-
|
|
<table>
|
|
<tr>
|
|
<td style="background:#ddd;">Cell with gray background</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">Cell spanning 2 columns</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="3">Cell spanning 3 rows</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align:right;">Right-aligned cell</td>
|
|
</tr>
|
|
</table>
|
|
# ---
|
|
# in: |-
|
|
# This is a "link":bob to Bob's website.
|
|
#
|
|
# [bob]http://itsbob.com/index.html
|
|
---
|
|
in: ACLU(American Civil Liberties Union)
|
|
out: <p><acronym title="American Civil Liberties Union">ACLU</acronym></p>
|
|
---
|
|
in: |-
|
|
h2{color:green}. This is a title
|
|
|
|
h3. This is a subhead
|
|
|
|
p{color:red}. This is some text of dubious character. Isn't the use of "quotes" just lazy writing -- and theft of 'intellectual property' besides? I think the time has come to see a block quote.
|
|
|
|
bq[fr]. This is a block quote. I'll admit it's not the most exciting block quote ever devised.
|
|
|
|
Simple list:
|
|
|
|
#{color:blue} one
|
|
# two
|
|
# three
|
|
|
|
Multi-level list:
|
|
|
|
# one
|
|
## aye
|
|
## bee
|
|
## see
|
|
# two
|
|
## x
|
|
## y
|
|
# three
|
|
|
|
Mixed list:
|
|
|
|
* Point one
|
|
* Point two
|
|
## Step 1
|
|
## Step 2
|
|
## Step 3
|
|
* Point three
|
|
** Sub point 1
|
|
** Sub point 2
|
|
|
|
|
|
Well, that went well. How about we insert an <a href="/" title="watch out">old-fashioned hypertext link</a>? Will the quote marks in the tags get messed up? No!
|
|
|
|
"This is a link (optional title)":http://www.textism.com
|
|
|
|
table{border:1px solid black}.
|
|
|_. this|_. is|_. a|_. header|
|
|
<{background:gray}. |\2. this is|{background:red;width:200px}. a|^<>{height:200px}. row|
|
|
|this|<>{padding:10px}. is|^. another|(bob#bob). row|
|
|
|
|
An image:
|
|
|
|
!/common/textist.gif(optional alt text)!
|
|
|
|
# Librarians rule
|
|
# Yes they do
|
|
# But you knew that
|
|
|
|
Some more text of dubious character. Here is a noisome string of CAPITAL letters. Here is something we want to _emphasize_.
|
|
That was a linebreak. And something to indicate *strength*. Of course I could use <em>my own HTML tags</em> if I <strong>felt</strong> like it.
|
|
|
|
h3. Coding
|
|
|
|
This <code>is some code, "isn't it"</code>. Watch those quote marks! Now for some preformatted text:
|
|
|
|
<pre>
|
|
<code>
|
|
$text = str_replace("<p>%::%</p>","",$text);
|
|
$text = str_replace("%::%</p>","",$text);
|
|
$text = str_replace("%::%","",$text);
|
|
|
|
</code>
|
|
</pre>
|
|
|
|
This isn't code.
|
|
|
|
|
|
So you see, my friends:
|
|
|
|
* The time is now
|
|
* The time is not later
|
|
* The time is not yesterday
|
|
* We must act
|
|
|
|
out: |-
|
|
<h2 style="color:green;">This is a title</h2>
|
|
|
|
<h3>This is a subhead</h3>
|
|
|
|
<p style="color:red;">This is some text of dubious character. Isn’t the use of “quotes” just lazy writing—and theft of ‘intellectual property’ besides? I think the time has come to see a block quote.</p>
|
|
|
|
<blockquote>
|
|
<p lang="fr">This is a block quote. I’ll admit it’s not the most exciting block quote ever devised.</p>
|
|
</blockquote>
|
|
|
|
<p>Simple list:</p>
|
|
<ol style="color:blue;">
|
|
<li>one</li>
|
|
<li>two</li>
|
|
<li>three</li>
|
|
</ol>
|
|
|
|
<p>Multi-level list:</p>
|
|
<ol>
|
|
<li>one
|
|
<ol>
|
|
<li>aye</li>
|
|
<li>bee</li>
|
|
<li>see</li>
|
|
</ol>
|
|
</li>
|
|
<li>two
|
|
<ol>
|
|
<li>x</li>
|
|
<li>y</li>
|
|
</ol>
|
|
</li>
|
|
<li>three</li>
|
|
</ol>
|
|
|
|
<p>Mixed list:</p>
|
|
<ul>
|
|
<li>Point one</li>
|
|
<li>Point two
|
|
<ol>
|
|
<li>Step 1</li>
|
|
<li>Step 2</li>
|
|
<li>Step 3</li>
|
|
</ol>
|
|
</li>
|
|
<li>Point three
|
|
<ul>
|
|
<li>Sub point 1</li>
|
|
<li>Sub point 2</li>
|
|
</ul></li>
|
|
</ul>
|
|
|
|
<p>Well, that went well. How about we insert an <a href="/" title="watch out">old-fashioned hypertext link</a>? Will the quote marks in the tags get messed up? No!</p>
|
|
|
|
<p><a href="http://www.textism.com" title="optional title">This is a link</a></p>
|
|
|
|
<table style="border:1px solid black;">
|
|
<tr>
|
|
<th>this</th>
|
|
<th>is</th>
|
|
<th>a</th>
|
|
<th>header</th>
|
|
</tr>
|
|
<tr style="background:gray;text-align:left;">
|
|
<td colspan="2">this is</td>
|
|
<td style="background:red;width:200px;">a</td>
|
|
<td style="vertical-align:top;height:200px;text-align:justify;">row</td>
|
|
</tr>
|
|
<tr>
|
|
<td>this</td>
|
|
<td style="padding:10px;text-align:justify;">is</td>
|
|
<td style="vertical-align:top;">another</td>
|
|
<td class="bob" id="bob">row</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
<p>An image:</p>
|
|
|
|
<p><img src="/common/textist.gif" title="optional alt text" alt="optional alt text" /></p>
|
|
<ol>
|
|
<li>Librarians rule</li>
|
|
<li>Yes they do</li>
|
|
<li>But you knew that</li>
|
|
</ol>
|
|
|
|
<p>Some more text of dubious character. Here is a noisome string of <span class="caps">CAPITAL</span> letters. Here is something we want to <em>emphasize</em>.
|
|
That was a linebreak. And something to indicate <strong>strength</strong>. Of course I could use <em>my own <span class="caps">HTML</span> tags</em> if I <strong>felt</strong> like it.</p>
|
|
|
|
<h3>Coding</h3>
|
|
|
|
<p>This <code>is some code, "isn't it"</code>. Watch those quote marks! Now for some preformatted text:</p>
|
|
|
|
|
|
<pre>
|
|
<code>
|
|
$text = str_replace("<p>%::%</p>","",$text);
|
|
$text = str_replace("%::%</p>","",$text);
|
|
$text = str_replace("%::%","",$text);
|
|
|
|
</code>
|
|
</pre>
|
|
<p>This isn’t code.</p>
|
|
|
|
<p>So you see, my friends:</p>
|
|
<ul>
|
|
<li>The time is now</li>
|
|
<li>The time is not later</li>
|
|
<li>The time is not yesterday</li>
|
|
<li>We must act</li>
|
|
</ul>
|
|
|