Вы находитесь на странице: 1из 3

Wiki Formatting messages using textile

You can format the messages in ProjectPier using the following codes below:

Paragraph Codes

Header: @hn. <text>

h1. Header 1 is equivalent to <h1>Header 1</h1>

Blockquote: bq. <text>

bq. A block quotation. is equivalent to <blockquote>bq. A block

Footnote: fn1. <text>

fn1. Footnote text. is equivalent to <p id="fn1"><sup>1</sup> Footnote text.</p>

This text has a footnote below[1].
fn1. This is the footnote of the text above.

Text Alignments
p<. align left
p>. align right
p=. centered
p<>. justified
p(., p((. left indent 1em, 2em, etc.
p). right indent 1em

p=. This text is centered is equivalent to <center>This text is centered</center>

Phrase Codes
These codes below allows us to importance to a portion of our text and adding some
emphasis to it. We can use either the emphasis or the boldface HTML code when
adding some importance to the message we have written. Other HTML code can also be

Prepend and append underscores to the text you wish to be emphasized.
_text on emphasis_ is equivalent to <em>text on emphasis</em>

To make italics text we use double underscores

__text on italics__ is equivalent to <i>text on italics</i>

Strong emphasis
Use asterisk to make text appear with strong emphasis
*text on strong emphasis* is equivalent to <strong>text on strong emphasis</strong>

And, use double asterisk to make them apear as boldface

**text on boldface** is equivalent to <b>text on boldface</b>

Enclose citation text with double question marks
??cited text?? is equivalent to <cite>cited text</cite>

Mark as deleted
Also called overstrike. Useful in editing copy with multiple versions.
-text to be deleted- is equivalent to <del>text to be deleted</del>
Mark as inserted
Used mutually with the overstrike tag. Marks the text as newly inserted text.
+inserted text+ is equivalent to <ins>inserted text</ins>

Allows us to customize out text based on color or formatting using the CSS standard
code. Use the percent symbol to start a span tag.
%{color:red}text in red color% is equivalent to <span style="color:red;">text in
red color</span>

Precede each line with pound sign to make an ordered list like this:

# line 1
# line 2
# line 3

Which becomes,

<li>1 line 1</li>
<li>2 line 2</li>
<li>3 line 3</li>

To make a bulleted list, use the asterisk instead like this:

* line 1
* line 2
* line 3

Which becomes,

<li>1 line 1</li>
<li>2 line 2</li>
<li>3 line 3</li>

To add a nested list or increase the list indention we add another asterisk link

* line 1
** line 1.1
** line 1.2
* line 2
* line 3

Which becomes

<li>line 1</li>
<li>line 1.1</li>
<li>line 1.2</li>
<li>line 2</li>
<li>line 3</li>
Creating Tables
Use the pipe symbol to make tables


is equivalent to


Inserting Links
Inserting hyperlinks is similar to inserting text in wikipedia, just enclose the
anchor text with double quotation marks followed by a colon and the url
"Tildemark blogs":http://www.tildemark.com is equivalent to <a
href="http://www.tildemark.com>Tildemark blogs</a>

Inserting Images
Use the exclamation symbol to insert an image.

!http://www.projectpier.org/images/projectpierlogo-small.png! is equivalent to <img

src="http://www.projectpier.org/images/projectpierlogo-small.png" alt="projectpier

Image Links
To make the image clickable we add the link code adding in a colon and the
corresponding link.
small.png!:"http://www.projectpier.org" is equivalent to <a
src="http://www.projectpier.org/images/projectpierlogo-small.png" /></a>

Use caret symbol to make superscripts
e = m * c ^2^ is equivalent to e = m * c <sup>2</sup>

Use the tildemark to make subscripts
log ~b~ (x) = y is equivalent to log <sub>b</sub> (x) = y

Source Codes
To add source code listing we use the \@ symbol
@print "hello world";@ is equivalent to <code>print "hello world";