Textile este un limbaj simplu de marcare care permite utilizatorilor să obțină cod HTML din textul lor. Proiectat de Dean Allen . Folosit în CMS Textpattern și în altele.
Textile convertește automat textul în markup ținând evidența paragrafelor din text. Paragrafele separate printr-o linie goală sunt convertite în elemente HTML <p>.
Întreruperile de linie sunt convertite automat în elemente HTML <br />.
Puteți utiliza direct marcajul HTML în text atunci când capacitățile textile nu sunt suficiente pentru formatarea necesară în document. Etichetele HTML nu sunt analizate doar în interiorul <pre>și elementele <code>.
Textile | HTML | Afişa |
---|---|---|
_selecţie_ | <em>evidențiați</em> | Acesta este textul evidențiat |
*câştig* | <strong>câștig</strong> | Acesta este text îmbunătățit . |
__italice__ | <i>italice</i> | Acesta este text italic |
**îndrăzneţ** | <b>îndrăzneț</b> | Acesta este text îngroșat |
??citat?? | <cite>citat</cite> | Acesta este un citat |
-text șters- | <del>text șters</del> | aceastala distantatext |
+text introdus+ | <ins>text introdus</ins> | aceastaintrodustext |
^superscript^ | <sup>indicele</sup> | Acesta este textul în indicele |
~indice~ | <sub>indice</sub> | Acesta este indicele |
%{style}fragment% | <span style="style">fragment</span> | Aceasta este o bucată de text |
@Codul@ | <code>cod</code> | Acesta este codul:function code(str) |
Modificatorii de elemente de bloc se termină de obicei cu un punct și sunt separați de conținut printr-un spațiu.
Textile | HTML | Descriere |
---|---|---|
h n . | < hn > | Titlu de nivel n |
p. | <p> | Paragraf |
bq. | <blockquote> | citatul bloc |
pre. | <pre> | Cod formatat |
b.c. | <pre><cod> | Cod program (combinație a două elemente HTML) |
Textul linkului este inclus între ghilimele și separat de adresa URL prin două puncte:
Textile | HTML |
---|---|
Textil:http://textile.thresholdstate.com/ | <a href="http://textile.thresholdstate.com/">Textile</a> |
Următoarele combinații de caractere sunt corectate automat [1] la conversia în XHTML :
Textile | HTML | Afişa |
---|---|---|
"citate" | “citate” | "citate" |
'citate' | ‘citate’ | 'citate' |
lung -- liniuță | liniuţă lungă | liniuță lungă |
liniuță scurtă | scurt – liniuță | scurt - liniuță |
d'Orsay | d‘Orsay | d'Orsay |
elipsă... | puncte de suspensie… | elipsă... |
2 x 2 = 4 | 2×2 = 4 | 2x2=4 |
(c) Dean Allen | © Dean Allen | © Dean Allen |
textil(r) | Textile® | Textile® |
Model text (tm) | textpattern™ | Textpattern™ |
Atributele pot fi specificate pentru elementele bloc și inline. De exemplu, unui tabel sau selecție i se poate atribui o clasă, un identificator sau o descriere de stil.
Sintaxă
Atribut | Descriere |
---|---|
(Clasă) | Clasa de elemente |
(#id) | ID element |
{stil} | Stilul elementului |
[limba] | Limbajul elementului (abreviere) |
Atributele pot fi utilizate într-o notație combinată, de exemplu:
(ID-ul clasei)Atributele elementului șir
Textile | HTML |
---|---|
%{color:red}red% | <span style="color:red">roșu</span> |
%[fr]rouge% | <span lang="fr">rouge</span> |
_(mare rosu_ | <em class="big">roșu</em> |
Atributele elementului bloc
Textile | HTML |
---|---|
p(bob). Un paragraf | <p class="bob">Un paragraf</p> |
p{culoare:#ddd}. Un paragraf | <p style="color:#ddd">Un paragraf</p> |
p[fr]. Un paragraf | <p lang="fr">Un paragraf</p> |
Umplutură și aliniere
Textile | Descriere |
---|---|
p<. | alinierea la stânga |
p>. | alinierea la dreapta |
p=. | Alinierea la centru |
p<>. | Justifica |
p(., p((. | Umplutură din stânga cu 1em, 2em etc. |
p), p)). | Umplutură la dreapta cu 1em, 2em etc. |
Exemple
Textile | Descriere |
---|---|
h2()>. | Titlu de nivel 2, aliniat la dreapta, indentat 1em pe ambele părți |
h3=. | Titlu de nivel 3, aliniere la centru |
!</image.gif! | Imagine aliniată la centru |
p[nu]{culoare:roșu}. | Paragraful este în norvegiană, culoare: roșu. |
Textile acceptă patru tipuri de aliniere a conținutului: stânga, dreapta, centru și justificată.
Modificator | aliniere |
---|---|
> | dreapta |
< | La stânga |
= | in centru |
<> | în lățime |
Alinierea verticală este setată cu următorii modificatori:
Modificator | aliniere |
---|---|
^ | deasupra |
~ | partea de jos |
Tabelele sunt create prin separarea celulelor cu o bară verticală (celulele de antet sunt subliniate):
|_. titlul 1|_. rubrica 2|_. rubrica 3| |primul|rând|tabel| |al doilea|rând|tabel|Atributele pot fi aplicate atât tabelului ca întreg [2] , cât și elementelor acestuia (rânduri și celule) individual:
Textile | HTML |
---|---|
tabel{lățime:100%}=. | <table style="width:100%;text-align:center;"> |
{background:#ddd}. |primul|rând|tabel| | <tr style="background:#ddd;"><td>primul</td><td>rând</td><td>tabel</td></tr> |
|{fond:roșu}. al doilea|rând|tabel| | <tr><td style="background:red;">al doilea</td><td>rând</td><td>tabel</td></tr> |
Îmbinarea celulelor se face după cum urmează:
Textile | HTML |
---|---|
|\2. Două coloane|tabele| | <tr><td colspan="2">Două coloane</td><td>tabele</td></tr> |
|/2. Două rânduri|mese| | <tr><td rowspan="2">Două rânduri</td><td>tabele</td></tr> |
Aliniere verticală
Textile | HTML |
---|---|
^. |al patrulea|rând|tabel| | <tr style="vertical-align:top;"><td>al patrulea</td><td>rând</td><td>tabel</td></tr> |
~. |al cincilea|rând|tabel| | <tr style="vertical-align:bottom;"><td>al cincilea</td><td>rând</td><td>tabel</td></tr> |
Textile acceptă atât liste cu marcatori, cât și liste numerotate. Listele pot fi imbricate, un tip de listă poate fi imbricat în altul. Nivelul de imbricare al listelor este nelimitat.
Textile | HTML |
---|---|
* Listă cu puncte | <ul> <li>Lista cu marcatori</li> </ul> |
# Lista numerotata | <ol> <li>Lista numerotată</li> </ol> |
* Paragraful 1 ** Subparagraful 1-1 ** Subparagraful 1-2 * Punctul 2 ## Punctul 2-1 ## Punctul 2-2 |
<ul> |
Linkul către imagine este înconjurat de semne de exclamare și poate fi completat cu un hyperlink și text alternativ:
Textile | HTML |
---|---|
!textist.gif! | <img src="textist.gif" /> |
!textist.gif(Textist)! | <img src="textist.gif" title="Textist" alt="Textist" /> |
!textist.gif(Textist)!:http://textism.com | <a href="http://textism.com"><img src="textist.gif" title="Textist" alt="Textist" /></a> |
Acronimele sunt recunoscute automat prin găsirea a trei sau mai multe caractere majuscule și o descriere în paranteze imediat după ele (fără spațiu). Opțional, textul acronimului poate fi împachetat într-un element șir <span> cu o anumită clasă.
Textile | HTML |
---|---|
CSS (Foi de stil în cascadă) | <acronym title="Cascading Style Sheets"><span class="caps">CSS</span></acronym> |
Referințele din text la notele de subsol sunt incluse între paranteze drepte. Pentru a crea o notă de subsol corespunzătoare unui link din text, trebuie să creați un paragraf care începe cu fn<footnote_number>. :
Textile | HTML |
---|---|
Vezi lopata[1]. | Vedeți spade<sup><a href="#fn1">1</a></sup>. |
fn1. O lopată este un instrument de uz casnic. | <p id="fn1"><sup>1</sup> O lopată este un instrument de uz casnic.</p> |