Textile guidelines
T E X T I L E
A Humane Web Text Generator, Version 2.0 beta
Copyright© 2003-2004, Dean Allen
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:
- ordered list 1
- ordered list 2
- 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)! -> ![]()
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 ->- one
- big
- 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
Welcome to my website and blog. May you find something inspiring here.