Navigation

complete tinyTextile Formating examples

last modified: 2007-06-22 09:51:45
permalink to this page

tinyTextile help

headlines

headlines are introduced with 'h1.':

h1. h-1 headline
h2. h-2 headline

Result:

h-1 headline

h-2 headline

(Important: one blank line under the headline!)

Text formatting

I am a --small-- word with <small> tag.
This is a *fat* word with <strong> tag.

Result:

I am a small word with <small> tag.
This is a fat word with <strong> tag.

Links

Links according in the following pattern:

"LinkText":URL

examples:

http://exampledomain.dtl
ftp://exampledomain.dtl
mailto:name@exampledomain.dtl
http://www.python-forum.de
or better: "Das deutsche Python-Forum":http://www.python-forum.de
This is a link, too: "Link":?#unten
Wiki like, internal PyLucid links: [[ExamplePageName]]

Result:
http://exampledomain.dtl
ftp://exampledomain.dtl
name@exampledomain.dtl
http://www.python-forum.de
or better: Das deutsche Python-Forum
This is a link, too: Link
Wiki like, internal PyLucid links: ExamplePageName

List

You can make <ul> liste with "*" and <ol> list with "#".
Note: You can't mixed this list types ;)

examples:

normal list:

* Lorem ipsum dolor sit amet
** consectetuer adipiscing elit
**** sed diam nonummy nibh
**** euismod tincidunt ut laoreet
** dolore magna aliquam erat volutpat.


numbered list:

# Lorem ipsum dolor sit amet
## consectetuer adipiscing elit
#### sed diam nonummy nibh
#### euismod tincidunt ut laoreet
## dolore magna aliquam erat volutpat.

Result:

normal list:

Lorem ipsum dolor sit amet

consectetuer adipiscing elit

sed diam nonummy nibh
euismod tincidunt ut laoreet

dolore magna aliquam erat volutpat.

numbered list:

Lorem ipsum dolor sit amet

consectetuer adipiscing elit

sed diam nonummy nibh
euismod tincidunt ut laoreet

dolore magna aliquam erat volutpat.

Bilder

Ein HTML-img-Tag wird erzeugt, wenn eine Adresse mit einem "!"-Zeichen
umschlossen ist.

!http://images.sourceforge.net/images/project-support.jpg!
!/favicon.ico!
!http://domain.tld/pics/ich werde zu keiner URL weil hier leerzeichen sind.jpg!

Result:

!http://domain.tld/pics/ich werde zu keiner URL weil hier leerzeichen sind.jpg!

Embed Python SourceCode

Put sourcecode between <python> tag. Note: The start and end tag must be located alone in a line!

example:

<python>

#!/usr/bin/python
# -*- coding: UTF-8 -*-

"""Ein kleines Skript"""

print "Hello Word: I love Python!"
</python>

Result:

Python

#!/usr/bin/python
# -*- coding: UTF-8 -*-

"""Ein kleines Skript"""
print "Hello Word: I love Python!"

Embed source code generally

With the <code=ext> Tag you can highlight everything, which offers Pygments.
'ext' is the file extension.

examples:

<code=php>
<?php
$conn_id = ftp_connect($ftp_server);
?>
</code>

<code=css>
body {
color: black;
}
</code>

Result:

PHP

1
2
3

<?php
$conn_id = ftp_connect($ftp_server);
?>

CSS

1
2
3

body {
  color: black;
}

Escaping

Text inner two "="-chars would be escaped.

example:
--------
==
Table: <table width="90%" border="0" align="center">
Link: <a href="URL">txt</a>
Input: <input type="submit" value="preview" />
==

It goes also within a flow text:
Here ist no Link: ==<a href="URL">txt</a>== nice?

pre-Formarted-Text

You can use the <pre> tag. tinyTextile ingnore the Markup in the area.

Example:
---------
h2. Not a textile headline
Manuelly h3 headline with html tags
* This is not a...
* ...textile list

HTML-Code

You can insert any HTML code directy in you page. tinyTextile ingnore it.