Пример Textile-кода

Конветированный в HTML

A single paragraph.

Followed by another.

<p>A single paragraph.</p>

<p>Followed by another.</p>

A single paragraph.

Followed by another.

I am <b>very</b> serious.

<pre>
  I am <b>very</b> serious.
</pre>

<p>I am <b>very</b> serious.</p>


<pre>
I am &lt; b&gt; very&lt;/b&gt; serious.
</pre>

I am very serious.

  I am <b>very</b> serious.

I spoke.
And none replied.

<p>I spoke.
And none replied.</p>

I spoke. And none replied.

"Observe!"

<p>&#8220; Observe!&#8221;</p>

“Observe!”

Observe -- very nice!

<p>Observe&#8212; very nice!</p>

Observe—very nice!

Observe - tiny and brief.

<p>Observe &#8211; tiny and brief.</p>

Observe – tiny and brief.

Observe...

<p>Observe&#8230;</p>

Observe…

Observe: 2 x 2.

<p>Observe: 2&#215; 2.</p>

Observe: 2?2.

one(TM), two(R), three(C).

<p>one&#8482;, two&#174;, three&#169;.</p>

one™, two®, three©.

h1. Header 1

<h1>Header 1</h1>

Header 1

h2. Header 2

<h2>Header 2</h2>

Header 2

h3. Header 3

<h3>Header 3</h3>

Header 3

An old text

bq. A block quotation.

Any old text

<p>An old text</p>

<blockquote>
<p>A block quotation.</p>
</blockquote>

<p>Any old text</p>

An old text

A block quotation.

Any old text

This is covered elsewhere[1].

<p>This is covered elsewhere^{<a href="#fn1">1</a>}.</p>

This is covered elsewhere¹.

fn1. Down here, in fact.

<p id="fn1">¹ Down here, in fact.</p>

¹ Down here, in fact.

I _believe_ every word.

<p>I <em>believe</em> every word.</p>

I believe every word.

And then? She *fell*!

<p>And then? She <strong>fell</strong>!</p>

And then? She fell!

I __know__.
I **really** __know__.

<p>I <i>know</i>.
I <b>really</b> <i>know</i>.</p>

I know. I really know.

??Cat's Cradle?? by Vonnegut

<p><cite>Cat&#8217; s Cradle</cite> by Vonnegut</p>

Cat’s Cradle by Vonnegut

Convert with @r.to_html@

<p>Convert with <code>r.to_html</code></p>

Convert with r.to_html

I'm -sure- not sure.

<p>I&#8217; m <del>sure</del> not sure.</p>

I’m sure not sure.

You are a +pleasant+ child.

<p>You are a <ins>pleasant</ins> child.</p>

You are a pleasant child.

a ^2^ + b ^2^ = c ^2^

<p>a ² + b ² = c ²</p>

a ² + b ² = c ²

log ~2~ x

<p>log ₂ x</p>

log ₂ x

I'm %unaware% of most soft drinks.

<p>I&#8217; m <span>unaware</span> of most soft drinks.</p>

I’m unaware of most soft drinks.

I'm %{color:red}unaware%
of most soft drinks.

<p>I&#8217; m <span style="color:red;">unaware</span>
of most soft drinks.</p>

I’m unaware of most soft drinks.

p(example1). An example

<p class="example1">An example</p>

An example

p(#big-red). Red here

<p id="big-red">Red here</p>

Red here

p(example1#big-red2). Red here

<p class="example1" id="big-red2">Red here</p>

Red here

p{color:blue;margin:30px}. Spacey blue

<p style="color:blue; margin:30px;">Spacey blue</p>

Spacey blue

p[fr]. rouge

<p lang="fr">rouge</p>

rouge

I seriously *{color:red}blushed*
when I _(big)sprouted_ that
corn stalk from my
%[es]cabeza%.

<p>I seriously <strong style="color:red;">blushed</strong>
when I <em class="big">sprouted</em> that
corn stalk from my
<span lang="es">cabeza</span>.</p>

I seriously blushed when I sprouted that corn stalk from my cabeza.

p<. align left

<p style="text-align:left;">align left</p>

align left

p>. align right

<p style="text-align:right;">align right</p>

align right

p=. centered

<p style="text-align:center;">centered</p>

centered

p<>. justified

<p style="text-align:justify;">justified</p>

justified

p(. left ident 1em

<p style="padding-left:1em;">left ident 1em</p>

left ident 1em

p((. left ident 2em

<p style="padding-left:2em;">left ident 2em</p>

left ident 2em

p))). right ident 3em

<p style="padding-right:3em;">right ident 3em</p>

right ident 3em

h2()>. Bingo.

<h2 style="padding-left:1em; padding-right:1em; text-align:right;">Bingo.</h2>

Bingo.

h3()>[no]{color:red}. Bingo

<h3 style="color:red; padding-left:1em; padding-right:1em; text-align:right;" lang="no">Bingo</h3>

Bingo

<pre>
<code>
  a.gsub!( /</, '' )
</code>
</pre>

<pre>
<code>
a.gsub!( /&lt;/, '' )
</code>
</pre>

  a.gsub!( /</, '' )

<div style="float:right;">

h3. Sidebar

"Headlab":http://www.headlab.ru/
"Txp":http://www.textpattern.com/

</div>

The main text of the
page goes here and will 
stay to the left of the 
sidebar.

<div style="float:right;">
<h3>Sidebar</h3>

<p><a href="http://www.headlab.ru/">Headlab</a>
<a href="http://www.textpattern.com/">Txp</a></p>


</div>
<p>The main text of the
page goes here and will
stay to the left of the
sidebar.</p>

The main text of the page goes here and will stay to the left of the sidebar.

# A first item
# A second item
# A third

<ol>
<li>A first item</li>
<li>A second item</li>
<li>A third</li>
</ol>

1. A first item
2. A second item
3. A third

# Fuel could be:
## Coal
## Gasoline
## Electricity
# Humans need only:
## Water
## Protein

<ol>
<li>Fuel could be:
<ol>
<li>Coal</li>
<li>Gasoline</li>
<li>Electricity</li>
</ol>
</li>
<li>Humans need only:
<ol>
<li>Water</li>
<li>Protein</li>
</ol></li>
</ol>

1. Fuel could be:
   1. Coal
   2. Gasoline
   3. Electricity
2. Humans need only:
   1. Water
   2. Protein

* A first item
* A second item
* A third

<ul>
<li>A first item</li>
<li>A second item</li>
<li>A third</li>
</ul>

• A first item
• A second item
• A third

* Fuel could be:
** Coal
** Gasoline
** Electricity
* Humans need only:
** Water
** Protein

<ul>
<li>Fuel could be:
<ul>
<li>Coal</li>
<li>Gasoline</li>
<li>Electricity</li>
</ul>
</li>
<li>Humans need only:
<ul>
<li>Water</li>
<li>Protein</li>
</ul></li>
</ul>

• Fuel could be:
  • Coal
  • Gasoline
  • Electricity
• Humans need only:
  • Water
  • Protein

I searched "Google":http://google.com.

<p>I searched <a href="http://google.com">Google</a>.</p>

I searched Google.

I am crazy about "Headlab":headlab
and "it's":headlab "all":headlab I ever
"link to":headlab!

[headlab]http://www.headlab.ru

<p>I am crazy about <a href="http://www.headlab.ru">Headlab</a>
and <a href="http://www.headlab.ru">it&#8217; s</a> <a href="http://www.headlab.ru">all</a> I ever
<a href="http://www.headlab.ru">link to</a>!</p>

I am crazy about Headlab and it’s all I ever link to!

!http://www.headlab.ru/sample.jpg!

<p><img src="http://www.headlab.ru/sample.jpg" alt="" /></p>

!example.gif(Bunny.)!

<p><img src="example.gif" title="Bunny." alt="Bunny." /></p>

!example.gif!:http://www.headlab.ru/

<p><a href="http://www.headlab.ru/"><img src="example.gif" alt="" /></a></p>

!>example.gif!

And others sat all round the small
machine and paid it to sing to them.

<p style="float:right"><img src="example.gif" alt="" /></p>

<p>And others sat all round the small
machine and paid it to sing to them.</p>

And others sat all round the small machine and paid it to sing to them.

We use CSS(Cascading Style Sheets).

<p>We use <acronym title="Cascading Style Sheets">CSS</acronym>.</p>

We use CSS.

| name | age | sex |
| joan | 24 | f |
| archie | 29 | m |
| bella | 45 | f |

<table>
<tr>
<td> name </td>
<td> age </td>
<td> sex </td>
</tr>
<tr>
<td> joan </td>
<td> 24 </td>
<td> f </td>
</tr>
<tr>
<td> archie </td>
<td> 29 </td>
<td> m </td>
</tr>
<tr>
<td> bella </td>
<td> 45 </td>
<td> f </td>
</tr>
</table>

|_. name |_. age |_. sex |
| joan | 24 | f |
| archie | 29 | m |
| bella | 45 | f |

<table>
<tr>
<th>name </th>
<th>age </th>
<th>sex </th>
</tr>
<tr>
<td> joan </td>
<td> 24 </td>
<td> f </td>
</tr>
<tr>
<td> archie </td>
<td> 29 </td>
<td> m </td>
</tr>
<tr>
<td> bella </td>
<td> 45 </td>
<td> f </td>
</tr>
</table>

|_. attribute list |
|<. align left |
|>. align right|
|=. center |
|<>. justify |
|^. valign top |
|~. bottom |

<table>
<tr>
<th>attribute list </th>
</tr>
<tr>
<td style="text-align:left;">align left </td>
</tr>
<tr>
<td style="text-align:right;">align right</td>
</tr>
<tr>
<td style="text-align:center;">center </td>
</tr>
<tr>
<td style="text-align:justify;">justify </td>
</tr>
<tr>
<td style="vertical-align:top;">valign top </td>
</tr>
<tr>
<td style="vertical-align:bottom;">bottom </td>
</tr>
</table>

|\2. spans two cols |
| col 1 | col 2 |

<table>
<tr>
<td colspan="2">spans two cols </td>
</tr>
<tr>
<td> col 1 </td>
<td> col 2 </td>
</tr>
</table>

|/3. spans 3 rows | a |
| b |
| c |

<table>
<tr>
<td rowspan="3">spans 3 rows </td>
<td> a </td>
</tr>
<tr>
<td> b </td>
</tr>
<tr>
<td> c </td>
</tr>
</table>

|{background:#ddd}. Grey cell|

<table>
<tr>
<td style="background:#ddd;">Grey cell</td>
</tr>
</table>

table{border:1px solid black}.
|This|is|a|row|
|This|is|a|row|

<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>

|This|is|a|row|
{background:#ddd}. |This|is|grey|row|

<table>
<tr>
<td>This</td>
<td>is</td>
<td>a</td>
<td>row</td>
</tr>
<tr style="background:#ddd;">
<td>This</td>
<td>is</td>
<td>grey</td>
<td>row</td>
</tr>
</table>