Textile guidelines

T E X T I L E
A Humane Web Text Generator, Version 2.0 beta

Copyright© 2003-2004, Dean Allen All rights reserved.

Block modifier syntax:

Header: h(1-6).
Paragraphs beginning with ‘hn. ’ (where n is 1-6) are wrapped in header tags.
Example: h1. This is a header... ->

This is a header…

Paragraph: p. (also applied by default)
Example: p. Some text ->

Some text

Blockquote: bq.
Example: bq. This is a block quotation... ->

This is a block quotation…

Blockquote with citation: bq.:http://citation.url
Example: bq.:http://textism.com/ Citation in a block quotation ->

Citation in a block quotation

Footnote: fn(1-100).
Example: fn1. Footnote text ->

Footnote text

Numeric list: #, ##, ###
Consecutive paragraphs beginning with # are wrapped in ordered list tags.
Example:

  1. ordered list 1
  2. ordered list 2
  3. ordered list 3

Bulleted list: *, **, ***
Consecutive paragraphs beginning with * are wrapped in unordered list tags.
Example:

  • unordered list 1
  • unordered list 2
  • unordered list 3

Phrase modifier syntax:

_emphasis_ -> emphasis

__italic__ -> italic

*strong* -> strong

**bold** -> bold

??citation?? -> citation

-deleted text- -> deleted

+inserted text+ -> inserted

^superscript^ -> superscript

~subscript~ -> subscript

@some code@-> some code

%(bob)span% ->this is span class bob

if you want to leave text alone without Textile formatting, wrap it with two equals signs [==] before and after

Hyperlinks

normal: "linktext":url -> linktext

with title: "linktext(title)":url -> linktext

with images: !http://www.lambertococcioli.com/images/icons/txt.jpg! ->

image URL with alt text: !http://www.lambertococcioli.com/images/icons/mp3.jpg(this is the alt text)! -> this is the alt text

link with image [useful for icons!]: ->

ABC(Always Be Closing) -> ABC

Table syntax:

Simple tables:

|a|simple|header|row|
|and|another|table|row|

A simple header row
and another table row

Tables with attributes:

1 2 3 4

Applying Attributes:

Most anywhere Textile code is used, attributes such as arbitrary css style, css classes, and ids can be applied. The syntax is fairly consistent.

The following characters quickly alter the alignment of block elements:

< -> left align p<. left-aligned para

> -> right align h3>. right-aligned header 3

= -> centred h4=. centred header 4

<> -> justified p<>. justified paragraph

These will change vertical alignment in table cells:

^ -> top |^. top-aligned table cell|
- -> middle |-. middle aligned|
~ -> bottom |~. bottom aligned cell|

Plain (parentheses) inserted between block syntax and the closing dot-space indicate classes and ids:

p(hector). paragraph ->

paragraph

p(#fluid). paragraph ->

paragraph

(classes and ids can be combined)
p(hector#fluid). paragraph ->

paragraph

Curly {brackets} insert arbitrary css style

p{line-height:18px}. paragraph ->

paragraph

h3{color:red}. header 3 ->

header 3

Square [brackets] insert language attributes

p[no]. paragraph ->

paragraph

%[fr]phrase% -> phrase

Usually Textile block element syntax requires a dot and space before the block begins, but since lists don’t, they can be styled just using braces

#{color:blue} one # big # list ->
  1. one
  2. big
  3. list

Using the span tag to style a phrase

It goes like this, %{color:red}the fourth the fifth%

-> It goes like this, the fourth the fifth


About the author