Абзацы
Lorem ipsum dolor sit amet,
still the same paragraph.
Второй абзац
<p>Lorem ipsum dolor sit amet, still the same paragraph.</p>
<p>Второй абзац</p>
Lorem ipsum dolor sit amet,
тот же абзац, но разделенный тегом `<br>`
используя один пробел в начале строки
<p>Lorem ipsum dolor sit amet,<br>
тот же абзац, но разделенный тегом <code><br></code><br>
используя один пробел в начале строки</p>
Модификаторы центрирования и цвета:
.{color:blue}
Lorem ipsum dolor sit amet.
.<>
Lorem ipsum dolor sit amet.
<p style="color:blue">Lorem ipsum dolor sit amet.</p>
<p style="text-align:center">Lorem ipsum dolor sit amet.</p>
Заголовки
Первый способ:
Main title
**********
Subtitle
========
Второй способ:
=== Main title ===
## Subtitle ##
## or same subtitle
<h2>Main title</h2>
<h3>Subtitle</h3>
Горизонтальная линия
В Texy используется четыре способа:
------------
********
Код
/---code php
function reImage($matches) {
$content = $matches[1];
$align = $matches[5];
$href = $matches[6];
}
\---
Синтаксис может быть подсвечен сторонними модулями
function reImage($matches) {
$content = $matches[1];
$align = $matches[5];
$href = $matches[6];
}
<pre
class="language-php"><code>function reImage($matches) {
$content = $matches[1];
$align = $matches[5];
$href = $matches[6];
}</code></pre>
Выключение Texy
/---html
<em>test</em>: **this is not strong**
\---
/---text
<em>test</em>: **this is not strong**
\---
Div-блоки
/---div .[header]
content of div
\---
<div class="header">
<p>content of div</p>
</div>
Вложенные div-ы:
/---div .[header]
## This is a header.
/---div
nested div
\---
Texy is sexy!
\---
<div class="header">
<h6>This is a header.</h6>
<div>
<p>nested div</p>
</div>
<p>Texy is sexy!</p>
</div>
Цитаты
> This is a blockquote with two paragraphs.
>
> 640 K should be enough for everyone
>
>:http://www.microsoft.com
<blockquote>
<p>This is a blockquote with two paragraphs.</p>
<p>640 K should be enough for everyone</p>
<p><a href="http://www.microsoft.com">http://www.microsoft.com</a></p>
</blockquote>
Вложенные цитаты:
> This is header
> ******
>
> > Lorem ipsum dolor sit amet.
> > Vestibulum enim wisi
>
> Back to the first level.
<blockquote>
<h2>This is header</h2>
<blockquote>
<p>Lorem ipsum dolor sit amet. Vestibulum enim wisi</p>
</blockquote>
<p>Back to the first level.</p>
</blockquote>
Ссылки
Look at homepage:[https://texy.info].
Do you know "Nette":http://nette.org?
"Write me":me@example.com
<p>Look at <a href="https://texy.info">homepage</a>.</p>
<p>Do you know <a href="http://nette.org">Nette</a>?</p>
<p><a href="mailto:me@example.com">Write me</a></p>
Предопределенные ссылки
[homepage]: https://texy.info/ Texy .(homepage)
[nette]: http://nette.org
This is [homepage]
Look at [this site | nette]
<p>This is <a href="https://texy.info/" title="homepage">Texy</a></p>
<p>Look at <a href="https://texy.info/ru/nette">this site</a></p>
Изображения
[* image.gif *]
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt=""></div>
Выравнивание изображений:
[* image.gif <] Left-aligned image. Lorem ipsum ...
[* image.gif >] Right-aligned image. Curabitur quam ...
<p><img src="https://texy.info/git/www/image.gif" alt="" class="left"> Left-aligned image. Lorem ipsum …</p>
<p><img src="https://texy.info/git/www/image.gif" alt="" class="right"> Right-aligned image. Curabitur quam …</p>
С измерениями
[* image.gif 10x20 *]
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt="" width="10" height="20"></div>
С событием наведения мышки
[* image.gif | image-over.gif *]
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt=""></div>
С модификаторами
[* image.gif .(alt text)[foto] *]
<div class="figure"><img src="https://texy.info/git/www/image.gif" class="foto" alt="alt text"></div>
Изображения, использующие предопределенные ссылки
What a beautiful girl [* picture*] !
What a beautiful girl <img src="images/image.gif"
alt="my girl" /> !
Изображения с описанием
[* image.gif *] *** This is *description* under image
<div class="figure"><img src="https://texy.info/git/www/image.gif" alt="">
<p>This is <i>description</i> under image</p>
</div>
Phrases
*emphasis*
**strong emphasis**
***stronger emphasis***
^^superscript^^ vs. __subscript__
Quotes: >>Lorem Ipsum Dolores<<:www.lipsum.com
Cite: As ~~Frank Borland~~ said, ...
<em>emphasis</em>
<strong>strong emphasis</strong>
<strong><em>stronger emphasis</em></strong>
<sup>superscript</sup> vs. <sub>subscript</sub>
Quotes: <q cite="http://www.lipsum.com">Lorem Ipsum Dolores</q>
Cite: As <cite>Frank Borland</cite> said, ...
emphasis
strong emphasis
stronger emphasis
^^superscript^^ vs. __subscript__
Quotes: Lorem Ipsum Dolores
Cite: As ~~Frank Borland~~ said, …
With modifiers
**strong and green .{color:green}** like Hulk
<strong style="color:green;">strong and green</strong> like Hulk
strong and green like Hulk
Direct HTML tags
This <strong class=info>is strong</strong> text.
<br> This is not.
This <strong class="info">is strong</strong> text.
<br /> This is not.
Lists
- Red
- Green
- Blue
<ul>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ul>
- Red
- Green
- Blue
Ordered
1) One
2) Two
3) Three
a) One
b) Two
c) Three
A) DOS
B) Windows
C) Linux
I) Yesterday
II) Today
III) Tomorrow
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<ol style="list-style-type:lower-alpha;">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<ol style="list-style-type:upper-alpha;">
<li>DOS</li>
<li>Windows</li>
<li>Linux</li>
</ol>
<ol style="list-style-type:upper-roman;">
<li>Yesterday</li>
<li>Today</li>
<li>Tomorrow</li>
</ol>
- One
- Two
- Three
- One
- Two
- Three
- DOS
- Windows
- Linux
- Yesterday
- Today
- Tomorrow
Nested lists
a) Bird
I) Bird
- Red
- Green
- Blue
II) McHale
III) Parish
b) McHale
c) Parish
1) Bird
2) McHale
3) Parish
- Bird
- Bird
- Red
- Green
- Blue
- McHale
- Parish
- Bird
- McHale
- Parish
- Bird
- McHale
- Parish
Definition list
Concert Divokej Bill:
- when: 9. 12. 2004
- where: Brno
- Price: EUR 26
<dl>
<dt>Concert Divokej Bill</dt>
<dd>when: 9. 12. 2004</dd>
<dd>where: Brno</dd>
<dd>Price: EUR 26</dd>
</dl>
- Concert Divokej Bill
- when: 9. 12. 2004
- where: Brno
- Price: EUR 26
With modifiers
.{color:red}
PHP: .{color:blue}
- PHP: Hypertext Preprocessor .{color:green}
- A scripting language
- Personal Home Pages
- PHP
- PHP: Hypertext Preprocessor
- A scripting language
- Personal Home Pages
Modifiers
These types of modifiers are available:
- (title) descriptive, used as attribute title or alt (for images)
[class1 class2 #id]
determine class and/or ID- {class:blue} direct CSS style
- {target:_blank} direct HTML attribute
- horizontal alignment:
- left <
- right >
- center <>
- justify =
- vertical alignment: (for tables)
- top ^
- middle –
- bottom _
Centered using modifier .<>
Another example .{color:blue; lang: cs}
<p style="text-align:center">Centered using modifier</p>
<p style="color:blue" lang="cs">Another example</p>
Quick-corrects
- very long words division (with respect for language rules). Example: antidisestablishmentarianism
- clickable emails and URL www.texy.info, dave@example.cz (emails are obfuscated against spambots)
- "national" 'typographic' quotes
- divider vs. dash: 10-15 vs. north-west
- em-dash: one -- two
- dimension sign 10 x 20
- nonbreakable spaces in phone numbers +420 776 552 046
- acronym NATO((North Atlantic Treaty Organisation))
- abbr "et al."((and others))
- quickCorrects like this(TM) this(R) or this(C)
- arrows <- and -> and <->
- ellipsis...
- preserve HTML entities
- and many others :-)
- very long words division (with respect for language rules). Example: antidisestablishmentarianism
- clickable emails and URL www.texy.info, dave@example.cz (emails are obfuscated against spambots)
- “national” ‘typographic’ quotes
- divider vs. dash: 10–15 vs. north-west
- em-dash: one – two
- dimension sign 10 × 20
- nonbreakable spaces in phone numbers +420 776 552 046
- acronym NATO
- abbr et al.
- quickCorrects like this™ this® or this(C)
- arrows ← and → and ← >
- ellipsis…
- preserve HTML entities
- and many others :-)
spaces:
- vkládání nezalomitelných mezer za jednopísmennc ptedložky (v aut> u okna)
- ned>litelnc mezery u telefonních čísel +420 776 552 046
vkládání nezalomitelných mezer za jednopísmennc ptedložky (v aut> u okna)
ned>litelnc mezery u telefonních čísel +420 776 552 046
Poznámka: Nahrazování se obvykle tídí dalšími pravidly, kterc určují, kdy symbol nahradit a kdy ne. Naptíklad
šipka ->
nemůže být na konci tádku atd. Proto nebuďte ptekvapeni, když v n>kterých ptípadech Texy
náhradu neprovede. Pokud to považujete za chybu, dejte mi v>d>t.
Zkratky, akronymy
Používá se zápisu s dvojitou kulatou závorkou:
jednoslovnc: NATO((North Atlantic Treaty Organisation))
víceslovnc: "et al."((a další))
jednoslovnc: <acronym title="North Atlantic Treaty Organisation">NATO</acronym>
víceslovnc: <acronym title="a další">et al.</abbr>
Poznámka: mezi ABBR a ACRONYM se nerozlišuje.
Klikatelnc URI
Automatický ptevod URI do klikatelnc formy (včetn> emailů)
další informace na www.texy.info a takc ...
další informace na www.texy.info a takc …
Rozd>lení velmi dlouhých slov
Velmi zajímavá a důležitá funkce Texy. Dlouhá slova mohou narušit vzhled stránky, proto je vhodnc prohlížeči naznačit, kde je může zalomit. Texy tyto místa hledá s ptihlcdnutím k národním zvyklostem, tedy slovo rozd>luje podle slabik:
nejneobhospodatovávateln>jšími
nejneobhospoda­továvateln>jší­mi</p
Poznámka: limit dclky slova je volitelný
Poznámka: současnc prohlížeče na jádru Gecko (Mozilla, Firefox) jsou k naznačencmu d>lení slepí. Doufám, že vývojáti tento nedostatek brzy odstraní. Nebo zkuste tohle
Tabulky
Ptíklad jednoduchc tabulky, sloupce se odd>lují znakem |
| first col | second col | third col
| Adam | Eva | Franta
A výsledek je:
first col | second col | third col |
Adam | Eva | Franta |
Hlavičku tabulky můžeme definovat tímto zápisem:
|-----------------------------
| First Name | Last Name | Age
|----------------------------
| Jesus | Christ | 33
| Cecilie | Svobodova | 74
First Name | Last Name | Age |
---|---|---|
Jesus | Christ | 33 |
Cecilie | Svobodova | 74 |
Pokud hlavičku netvotí tádek (tádky), můžeme ji definovat na úrovni bun>k. Stačí vložit hv>zdičku ihned po
znaku |
|* First Name | Jesus | Cecilie
|* Last Name | Christ | Svobodova
|* Age | 33 | 74
First Name | Jesus | Cecilie |
---|---|---|
Last Name | Christ | Svobodova |
Age | 33 | 74 |
Sloučení sloupců
všimn>te si zdvojencho ||
|-----------------------------
| Name || Age
|----------------------------
| Jesus | Christ | 33
Name | Age | |
---|---|---|
Jesus | Christ | 33 |
Sloučení tádků
Všimn>te si znaku ^
symbolizujícího sm>r nahoru:
|-----------------------------
| First Name | Last Name | Age
|----------------------------
| Bill || 50
|^ | 52
| Jim | Beam | 70
First Name | Last Name | Age |
---|---|---|
Bill | 50 | |
52 | ||
Jim | Beam | 70 |
Modifikátory
Platí tato pravidla:
- modifikátor ovliv_ující celou tabulku se vkládá bezprosttedn> pted tabulku
- ovliv_ující tádek se vkládá na konec tádku
- ovliv_ující sloupec se vkládá na začátek bu_ky (vlevo v bu_ce)
- a nakonec ovliv_ující bu_ku se vkládá na konec bu_ky (pravo v bu_ce)
Podívejte se na ptíklad.
.(people)
| .{color: green} first col | second col .>| third col | .{font-style:italic}
| Adam | Eva .{color: blue}| Franta |
Zde je:
.(people)
modifikátor tabulky.{color: green}
modifikátor sloupce.{font-style:italic}
modifikátor tádku.{color: blue}
a takc.>
modifikátor bu_ky
Takže výsledná tabulka vypadá takto:
first col | second col | third col |
Adam | Eva | Franta |