Edit File by line

<!doctype html>

[0] Fix | Delete

[1] Fix | Delete

<title>CodeMirror: Textile mode</title>

[2] Fix | Delete

[3] Fix | Delete

[4] Fix | Delete

[5] Fix | Delete

[6] Fix | Delete

[7] Fix | Delete

[8] Fix | Delete

[9] Fix | Delete

[10] Fix | Delete

<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>

[11] Fix | Delete

[12] Fix | Delete

<ul>

[13] Fix | Delete

[14] Fix | Delete

<li><a href="../../doc/manual.html">Manual</a>

[15] Fix | Delete

[16] Fix | Delete

</ul>

[17] Fix | Delete

<ul>

[18] Fix | Delete

<li><a href="../index.html">Language modes</a>

[19] Fix | Delete

<li><a class="active" href="#">Textile</a>

[20] Fix | Delete

</ul>

[21] Fix | Delete

</div>

[22] Fix | Delete

[23] Fix | Delete

[24] Fix | Delete

<h2>Textile mode</h2>

[25] Fix | Delete

[26] Fix | Delete

h1. Textile Mode

[27] Fix | Delete

[28] Fix | Delete

A paragraph without formatting.

[29] Fix | Delete

[30] Fix | Delete

p. A simple Paragraph.

[31] Fix | Delete

[32] Fix | Delete

[33] Fix | Delete

h2. Phrase Modifiers

[34] Fix | Delete

[35] Fix | Delete

Here are some simple phrase modifiers: *strong*, _emphasis_, **bold**, and __italic__.

[36] Fix | Delete

[37] Fix | Delete

A ??citation??, -deleted text-, +inserted text+, some ^superscript^, and some ~subscript~.

[38] Fix | Delete

[39] Fix | Delete

A %span element% and @code element@

[40] Fix | Delete

[41] Fix | Delete

A "link":http://example.com, a "link with (alt text)":urlAlias

[42] Fix | Delete

[43] Fix | Delete

[urlAlias]http://example.com/

[44] Fix | Delete

[45] Fix | Delete

An image: !http://example.com/image.png! and an image with a link: !http://example.com/image.png!:http://example.com

[46] Fix | Delete

[47] Fix | Delete

A sentence with a footnote.[123]

[48] Fix | Delete

[49] Fix | Delete

fn123. The footnote is defined here.

[50] Fix | Delete

[51] Fix | Delete

Registered(r), Trademark(tm), and Copyright(c)

[52] Fix | Delete

[53] Fix | Delete

[54] Fix | Delete

h2. Headers

[55] Fix | Delete

[56] Fix | Delete

h1. Top level

[57] Fix | Delete

h2. Second level

[58] Fix | Delete

h3. Third level

[59] Fix | Delete

h4. Fourth level

[60] Fix | Delete

h5. Fifth level

[61] Fix | Delete

h6. Lowest level

[62] Fix | Delete

[63] Fix | Delete

[64] Fix | Delete

h2. Lists

[65] Fix | Delete

[66] Fix | Delete

* An unordered list

[67] Fix | Delete

** foo bar

[68] Fix | Delete

*** foo bar

[69] Fix | Delete

**** foo bar

[70] Fix | Delete

** foo bar

[71] Fix | Delete

[72] Fix | Delete

# An ordered list

[73] Fix | Delete

## foo bar

[74] Fix | Delete

### foo bar

[75] Fix | Delete

#### foo bar

[76] Fix | Delete

## foo bar

[77] Fix | Delete

[78] Fix | Delete

- definition list := description

[79] Fix | Delete

- another item := foo bar

[80] Fix | Delete

- spanning ines :=

[81] Fix | Delete

foo bar

[82] Fix | Delete

[83] Fix | Delete

foo bar =:

[84] Fix | Delete

[85] Fix | Delete

[86] Fix | Delete

h2. Attributes

[87] Fix | Delete

[88] Fix | Delete

Layouts and phrase modifiers can be modified with various kinds of attributes: alignment, CSS ID, CSS class names, language, padding, and CSS styles.

[89] Fix | Delete

[90] Fix | Delete

h3. Alignment

[91] Fix | Delete

[92] Fix | Delete

div<. left align

[93] Fix | Delete

div>. right align

[94] Fix | Delete

[95] Fix | Delete

h3. CSS ID and class name

[96] Fix | Delete

[97] Fix | Delete

You are a %(my-id#my-classname) rad% person.

[98] Fix | Delete

[99] Fix | Delete

h3. Language

[100] Fix | Delete

[101] Fix | Delete

p[en_CA]. Strange weather, eh?

[102] Fix | Delete

[103] Fix | Delete

h3. Horizontal Padding

[104] Fix | Delete

[105] Fix | Delete

p(())). 2em left padding, 3em right padding

[106] Fix | Delete

[107] Fix | Delete

h3. CSS styling

[108] Fix | Delete

[109] Fix | Delete

p{background: red}. Fire!

[110] Fix | Delete

[111] Fix | Delete

[112] Fix | Delete

h2. Table

[113] Fix | Delete

[114] Fix | Delete

|_. Header 1 |_. Header 2 |

[115] Fix | Delete

|{background:#ddd}. Cell with background| Normal |

[116] Fix | Delete

|\2. Cell spanning 2 columns |

[117] Fix | Delete

|/2. Cell spanning 2 rows |(cell-class). one |

[118] Fix | Delete

| two |

[119] Fix | Delete

|>. Right aligned cell |<. Left aligned cell |

[120] Fix | Delete

[121] Fix | Delete

[122] Fix | Delete

h3. A table with attributes:

[123] Fix | Delete

[124] Fix | Delete

table(#prices).

[125] Fix | Delete

|Adults|$5|

[126] Fix | Delete

|Children|$2|

[127] Fix | Delete

[128] Fix | Delete

[129] Fix | Delete

h2. Code blocks

[130] Fix | Delete

[131] Fix | Delete

bc.

[132] Fix | Delete

function factorial(n) {

[133] Fix | Delete

if (n === 0) {

[134] Fix | Delete

return 1;

[135] Fix | Delete

}

[136] Fix | Delete

return n * factorial(n - 1);

[137] Fix | Delete

}

[138] Fix | Delete

[139] Fix | Delete

pre..

[140] Fix | Delete

,,,,,,

[141] Fix | Delete

o#'9MMHb':'-,o,

[142] Fix | Delete

.oH":HH$' "' ' -*R&o,

[143] Fix | Delete

dMMM*""'`' .oM"HM?.

[144] Fix | Delete

,MMM' "HLbd< ?&H\

[145] Fix | Delete

.:MH ."\ ` MM MM&b

[146] Fix | Delete

. "*H - &MMMMMMMMMH:

[147] Fix | Delete

. dboo MMMMMMMMMMMM.

[148] Fix | Delete

. dMMMMMMb *MMMMMMMMMP.

[149] Fix | Delete

. MMMMMMMP *MMMMMP .

[150] Fix | Delete

`#MMMMM MM6P ,

[151] Fix | Delete

' `MMMP" HM*`,

[152] Fix | Delete

' :MM .- ,

[153] Fix | Delete

'. `#?.. . ..'

[154] Fix | Delete

-. . .-

[155] Fix | Delete

''-.oo,oo.-''

[156] Fix | Delete

[157] Fix | Delete

\. _(9>

[158] Fix | Delete

\==_)

[159] Fix | Delete

-'=

[160] Fix | Delete

[161] Fix | Delete

h2. Temporarily disabling textile markup

[162] Fix | Delete

[163] Fix | Delete

notextile. Don't __touch this!__

[164] Fix | Delete

[165] Fix | Delete

Surround text with double-equals to disable textile inline. Example: Use ==*asterisks*== for *strong* text.

[166] Fix | Delete

[167] Fix | Delete

[168] Fix | Delete

h2. HTML

[169] Fix | Delete

[170] Fix | Delete

Some block layouts are simply textile versions of HTML tags with the same name, like @div@, @pre@, and @p@. HTML tags can also exist on their own line:

[171] Fix | Delete

[172] Fix | Delete

[173] Fix | Delete

<h1>Title</h1>

[174] Fix | Delete

<p>Hello!</p>

[175] Fix | Delete

</section>

[176] Fix | Delete

[177] Fix | Delete

</textarea></form>

[178] Fix | Delete

[179] Fix | Delete

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {

[180] Fix | Delete

lineNumbers: true,

[181] Fix | Delete

mode: "text/x-textile"

[182] Fix | Delete

});

[183] Fix | Delete

</script>

[184] Fix | Delete

[185] Fix | Delete

<p><strong>MIME types defined:</strong> <code>text/x-textile</code>.</p>

[186] Fix | Delete

[187] Fix | Delete

<p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#textile_*">normal</a>, <a href="../../test/index.html#verbose,textile_*">verbose</a>.</p>

[188] Fix | Delete

[189] Fix | Delete

</article>

[190] Fix | Delete

[191] Fix | Delete