Mercurial
comparison .cms/lib/codemirror/mode/textile/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 <!doctype html> | |
2 | |
3 <title>CodeMirror: Textile mode</title> | |
4 <meta charset="utf-8"/> | |
5 <link rel=stylesheet href="../../doc/docs.css"> | |
6 | |
7 <link rel="stylesheet" href="../../lib/codemirror.css"> | |
8 <script src="../../lib/codemirror.js"></script> | |
9 <script src="textile.js"></script> | |
10 <style>.CodeMirror {background: #f8f8f8;}</style> | |
11 <div id=nav> | |
12 <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png" alt=""></a> | |
13 | |
14 <ul> | |
15 <li><a href="../../index.html">Home</a> | |
16 <li><a href="../../doc/manual.html">Manual</a> | |
17 <li><a href="https://github.com/marijnh/codemirror">Code</a> | |
18 </ul> | |
19 <ul> | |
20 <li><a href="../index.html">Language modes</a> | |
21 <li><a class="active" href="#">Textile</a> | |
22 </ul> | |
23 </div> | |
24 | |
25 <article> | |
26 <h2>Textile mode</h2> | |
27 <form><textarea id="code" name="code"> | |
28 h1. Textile Mode | |
29 | |
30 A paragraph without formatting. | |
31 | |
32 p. A simple Paragraph. | |
33 | |
34 | |
35 h2. Phrase Modifiers | |
36 | |
37 Here are some simple phrase modifiers: *strong*, _emphasis_, **bold**, and __italic__. | |
38 | |
39 A ??citation??, -deleted text-, +inserted text+, some ^superscript^, and some ~subscript~. | |
40 | |
41 A %span element% and @code element@ | |
42 | |
43 A "link":http://example.com, a "link with (alt text)":urlAlias | |
44 | |
45 [urlAlias]http://example.com/ | |
46 | |
47 An image: !http://example.com/image.png! and an image with a link: !http://example.com/image.png!:http://example.com | |
48 | |
49 A sentence with a footnote.[123] | |
50 | |
51 fn123. The footnote is defined here. | |
52 | |
53 Registered(r), Trademark(tm), and Copyright(c) | |
54 | |
55 | |
56 h2. Headers | |
57 | |
58 h1. Top level | |
59 h2. Second level | |
60 h3. Third level | |
61 h4. Fourth level | |
62 h5. Fifth level | |
63 h6. Lowest level | |
64 | |
65 | |
66 h2. Lists | |
67 | |
68 * An unordered list | |
69 ** foo bar | |
70 *** foo bar | |
71 **** foo bar | |
72 ** foo bar | |
73 | |
74 # An ordered list | |
75 ## foo bar | |
76 ### foo bar | |
77 #### foo bar | |
78 ## foo bar | |
79 | |
80 - definition list := description | |
81 - another item := foo bar | |
82 - spanning ines := | |
83 foo bar | |
84 | |
85 foo bar =: | |
86 | |
87 | |
88 h2. Attributes | |
89 | |
90 Layouts and phrase modifiers can be modified with various kinds of attributes: alignment, CSS ID, CSS class names, language, padding, and CSS styles. | |
91 | |
92 h3. Alignment | |
93 | |
94 div<. left align | |
95 div>. right align | |
96 | |
97 h3. CSS ID and class name | |
98 | |
99 You are a %(my-id#my-classname) rad% person. | |
100 | |
101 h3. Language | |
102 | |
103 p[en_CA]. Strange weather, eh? | |
104 | |
105 h3. Horizontal Padding | |
106 | |
107 p(())). 2em left padding, 3em right padding | |
108 | |
109 h3. CSS styling | |
110 | |
111 p{background: red}. Fire! | |
112 | |
113 | |
114 h2. Table | |
115 | |
116 |_. Header 1 |_. Header 2 | | |
117 |{background:#ddd}. Cell with background| Normal | | |
118 |\2. Cell spanning 2 columns | | |
119 |/2. Cell spanning 2 rows |(cell-class). one | | |
120 | two | | |
121 |>. Right aligned cell |<. Left aligned cell | | |
122 | |
123 | |
124 h3. A table with attributes: | |
125 | |
126 table(#prices). | |
127 |Adults|$5| | |
128 |Children|$2| | |
129 | |
130 | |
131 h2. Code blocks | |
132 | |
133 bc. | |
134 function factorial(n) { | |
135 if (n === 0) { | |
136 return 1; | |
137 } | |
138 return n * factorial(n - 1); | |
139 } | |
140 | |
141 pre.. | |
142 ,,,,,, | |
143 o#'9MMHb':'-,o, | |
144 .oH":HH$' "' ' -*R&o, | |
145 dMMM*""'`' .oM"HM?. | |
146 ,MMM' "HLbd< ?&H\ | |
147 .:MH ."\ ` MM MM&b | |
148 . "*H - &MMMMMMMMMH: | |
149 . dboo MMMMMMMMMMMM. | |
150 . dMMMMMMb *MMMMMMMMMP. | |
151 . MMMMMMMP *MMMMMP . | |
152 `#MMMMM MM6P , | |
153 ' `MMMP" HM*`, | |
154 ' :MM .- , | |
155 '. `#?.. . ..' | |
156 -. . .- | |
157 ''-.oo,oo.-'' | |
158 | |
159 \. _(9> | |
160 \==_) | |
161 -'= | |
162 | |
163 h2. Temporarily disabling textile markup | |
164 | |
165 notextile. Don't __touch this!__ | |
166 | |
167 Surround text with double-equals to disable textile inline. Example: Use ==*asterisks*== for *strong* text. | |
168 | |
169 | |
170 h2. HTML | |
171 | |
172 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: | |
173 | |
174 <section> | |
175 <h1>Title</h1> | |
176 <p>Hello!</p> | |
177 </section> | |
178 | |
179 </textarea></form> | |
180 <script> | |
181 var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |
182 lineNumbers: true, | |
183 mode: "text/x-textile" | |
184 }); | |
185 </script> | |
186 | |
187 <p><strong>MIME types defined:</strong> <code>text/x-textile</code>.</p> | |
188 | |
189 <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#textile_*">normal</a>, <a href="../../test/index.html#verbose,textile_*">verbose</a>.</p> | |
190 | |
191 </article> |