Podrobný popis syntaxe

Filozofie
Odstavce textu
Titulky
Horizontální čáry
Kód
Vypnutí Texy
Citace
Odkazy
Obrázky
Fráze
Přímé HTML
Seznamy
Modifikátory
Typografie
Rozdělení velmi dlouhých slov
Tabulky

Filozofie

Nástroj Texy vznikl proto, aby nezkušeným uživatelům umožnil snadno editovat obsah webových stránek. Proto je i syntaxe maximálně intuitivní. Záměrem je, aby text v čisté (nezformátované) formě byl přehledný a jeho formát tušitelný.

Dnes Texy výborně slouží i zkušeným znalcům jazyka HTML. Dovoluje volně kombinovat Texy zápis s HTML značkami. Zkušení uživatelé se tedy nemusí učit nový meta-jazyk a plně využít svých znalostí. Texy jim pouze zjednodušuje práci.

Prvotní logikou syntaxe je žádnou syntaxi nepoužívat. Jen psát čistý text. Vkládání rozšířených informací, jako třeba CSS třídy nebo odkazy, nenaruší tok textu. A zapíší se způsobem, který snadno pochopí i netechnicky založení uživatelé.

Odstavce textu

Za odstavec se považuje jeden nebo více bezprostředně za sebou následujících řádků textu. Odstavečky jsou od sebe oddělené prázdným řádkem.

První odstavec lorem ipsum dolor sit amet.

Druhý odstavec, který tvoří jeden řádek.
A druhý řádek textu. Texy je spojí.

<p>První odstavec lorem ipsum dolor sit amet.</p>

<p>Druhý odstavec, který tvoří jeden řádek. A druhý řádek textu. Texy je spojí.</p>

V editačním políčku webové stránky (textarea) není rozdělení odstavce na dva řádky patrné. Proto je i Texy považuje za jeden odstavec.

Zalomení řádku v odstavci docílíte vložením jedné mezery vlevo:

Kdoví jestli
 jestli jsou na měsíci vůbec nějaký stopy
 a proč kope kolem sebe kdo se topí
 jakej sval to Zemí otáčí

<p>Kdoví jestli<br>
jestli jsou na měsíci vůbec nějaký stopy<br>
a proč kope kolem sebe kdo se topí<br>
jakej sval to Zemí otáčí</p>

Titulky

Titulky je možné zapsat hned dvěma způsoby: podtržením nebo předsazením.

Každý titulek má svůj stupeň. V případě podtržení o důležitosti titulku rozhoduje podtrhávací znak. Od nejvyšší po nejnižší jsou to tyto: # * = -

Hlavní titulek
**************


Podtitulek
==========

<h2>Hlavní titulek</h2>

<h3>Podtitulek</h3>

U titulků zapsaných předsazením určuje úroveň počet předsazených znaků. A ty mohou být # nebo =

Platí: čím více znaků, tím důležitější titulek (minimum jsou dva znaky, maximum sedm).

=== Hlavní titulek ===

## Podtitulek

Jak vidíte v případě podtitulku, znaky vpravo je možné vynechat.

Stupně titulků jsou vždy jen relativní! Tedy Texy najde nejvyšší použitý titulek a ostatní titulky relativně od něj odstupňuje.

Horizontální čáry

Texy zná tyto způsoby zápisu:

------------

********

<hr>
<hr>

Kód

Používá se pro vložení zdrojového kódu. Použitím přídavného modulu lze aktivovat i zvýrazňování syntaxe.

/---code php
  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>

Všimněte si slova php pro označení jazyka.

Vypnutí Texy

Klíčové slovo html nebo text ovlivňuje, jestli obsah bude chápán jako HTML (včetně značek), nebo prostý text.

/---html
  <em>příklad</em>: **this is not strong**
\---


/---text
  <em>příklad</em>: **this is not strong**
\---

Pro inline vypnutí Texy je možné použít dvojitý apostrof '' a obalit s ním část textu, který nemá být Texy zpracováván.

Příklad: ''**this is not strong**''

Rozdělování do bloků (div)

Tuto schopnost využijete při tvorbě složitějších dokumentů.

/---div .[header]

  content of div

\---

<div class="header">
	<p>content of div</p>
</div>

Je možné bloky i vnořovat:

/---div .[header]

  ## This is a header.

  /---div
    vnořený div
  \---

  Texy je sexy!

\---

<div class="header">
	<h6>This is a header.</h6>

	<div>
		<p>vnořený div</p>
	</div>

	<p>Texy je sexy!</p>
</div>

Citace

Citace jsou odsazené, podobně jako v emailech, znakem >

> This is a blockquote with two paragraphs.
>
> 640 K should be enough for everyone

<blockquote>
	<p>This is a blockquote with two paragraphs.</p>

	<p>640 K should be enough for everyone</p>
</blockquote>

Odkazy

Odkazy se zapisují tak, že odkazující text uzavřete do uvozovek a následujete dvojtečkou a URL. Texy se snaží inteligentně odhadnout konec URL. Můžete mu i pomoci tím, že URI uzavřete do hranatých závorek. Část http:// není povinná.

Jako odkaz je možné vkládat i emaily, Texy je transformuje do podoby, která by měla zmást spamboty.

Look at homepage:[https://texy.info].

Do you know "La Trine":https://www.latrine.cz?

"Write me":me@example.com

<p>Look at <a href="https://texy.info">homepage</a>.</p>

<p>Do you know <a href="https://www.latrine.cz">La Trine</a>?</p>

<p><a href="mailto:me&#64;example.com">Write me</a></p>

Reference

Aby se tok textu „neznečišťoval“ vkládáním URL, je možné všechny adresy uvést na jednom místě a pak se na ně jen odkazovat. Tomu se říká reference. Kromě adresy je možné doplnit i text odkazu a modifikátor.

 [homepage]: https://texy.info/ Texy .(homepage)
 [nette]: http://nette.org

This is [homepage]

Look at "this site":[nette]

Obrázky

Zapisují se mezi hranaté závorky s hvězdičkou:

[* image.gif *]

<img src="https://texy.info/git/www/image.gif" alt="">

V textových odstavcích je často třeba zvolit, má-li být obrázek zarovnán k levému nebo pravému kraji. Toho docílíte pomocí znaku < a > použitého před pravou závorkou:

[* image.gif <] Left-aligned image

[* image.gif >] Right-aligned image

<p><img src="https://texy.info/git/www/image.gif" alt="" class="left"> Left-aligned image</p>

<p><img src="https://texy.info/git/www/image.gif" alt="" class="right"> Right-aligned image</p>

Poznámka: V uvedeném příkladu Texy použil pro zarovnání přímý styl. Je možné systém nakonfigurovat tak, aby místo přiřadil obrázkům zvolenou třídu.

Poznámka: pro všechny (relativní) URL obrázků je možné nastavit výchozí adresář. V uvedeným příkladech to byl images/, proto v Texy není adresář uveden, zatímco ve vygenerovaném HTML ano.

Poznámka: pokud není implicitně určen alternativní text (jak na to viz níže), použije Texy výchozí. Zde je to prosté image

Rozměry

U lokálních obrázků Texy zjistí rozměry automaticky. Pokud je chcete určit ručně, zapište je takto:

[* image.gif 10x20 *]

<img src="https://texy.info/git/www/image.gif" alt="" width="10" height="20">

Modifikátory

O nich se více dozvíte v jiné kapitole, ale neuškodí si ukázat, jak se u obrázků zapisují. Zkusme si modifikátor pro určení alternativního textu a třídy:

[* image.gif .(alt text)[foto] *]

<img src="https://texy.info/git/www/image.gif" class="foto" alt="alt text">

Reference

Ze stejných důvodů, jako u odkazů, je i obrázky možné zapisovat pomocí referencí. Je třeba definovat URL (nebo více URL oddělených |) a případně i modifikátory.

What a beautiful girl [* picture*] !

<p>What a beautiful girl <img src="https://texy.info/git/www/picture" alt=""> !</p>

Obrázek s popiskou

Za obrázkem uveďte tři hvězdičky a následuje popiska:

[* image.gif *] *** Toto je *popiska* pod obrázkem

<div class="figure"><img src="https://texy.info/git/www/image.gif" alt="">
	<p>Toto je <i>popiska</i> pod obrázkem</p>
</div>

Fráze

Asi nejpoužívanější syntax v Texy. Téměř ve všech případech se používá zdvojený znak.

//kurzíva//

*taky kurzíva*

**tučné**

superscript^2 vs. subscript_2

<p><i>kurzíva</i></p>

<p><em>taky kurzíva</em></p>

<p><b>tučné</b></p>

<p>superscript<sup>2</sup> vs. subscript<sub>2</sub></p>

kurzíva

taky kurzíva

tučné

nejsilněji zdůrazněné

superscript² vs. subscript₂

Speciálním případem fráze je tzv. kód. Od ostatních se liší tím, že jeho obsah nebude nadále formátován a zobrazí se doslovně:

Odstraňte `<br />` a entitu `&ndash`

<p>Odstraňte <code>&lt;br /&gt;</code> a entitu <code>&amp;ndash</code></p>

Poznámka: jestli se použije element <code> nebo jiný (případně žádný) je možné rozhodnout pouhou konfigurací Texy

S modifikátorem

Je možné jej vložit do každé fráze, vždy těsně před uzavírací znak:

**silný a zelený .{color:green}** jako Hulk

<p><b style="color:green">silný a zelený</b> jako Hulk</p>

silný a zelený jako Hulk

Přímé HTML

Texy není náhrada za HTML. Nehledá ani alternativní způsoby zápisu HTML. Cílem je zjednodušit psaní obsahu. Pokud se Vám zdá jednodušší zapsat některou strukturu přímo v HTML, můžete tak učinit. HTML značky jsou plně podporované.

This <strong class=info>is strong</strong> text.
<br> This is not.

<p>This <strong class="info">is strong</strong> text.<br>
This is not.</p>

Poznámka: všimněte si, že Texy upraví zápis atributů a značek tak, aby byly validní (i pro XHTML výstup). Stejně tak dbá na well-formed zápis!

Poznámka: Rozhodování, která značky a které atributy můžou být v textu použity, je plně uživatelsky ovladatelné. Demonstruje to jeden příklad z distribuce.

Seznamy

Odrážkové seznamy zapisujeme pomocí * + nebo -. Musí být zapsán hned na začátku řádku a za ním musí následovat mezera.

-   Red
-   Green
-   Blue

<ul>
	<li>Red</li>

	<li>Green</li>

	<li>Blue</li>
</ul>

Red
Green
Blue

Číslované seznamy

Texy zná těchto pět způsobů zápisu (první dva jsou ekvivalentní):

1)  Učit se
2)  Učit se
3)  Učit se

a)  Dlouhý
b)  Široký
c)  Krátkozraký

A)  DOS
B)  Windows
C)  Linux

I)  Yesterday
II)  Today
III)  Tomorrow

<ol>
	<li>Učit se</li>

	<li>Učit se</li>

	<li>Učit se</li>
</ol>

<ol style="list-style-type:lower-alpha">
	<li>Dlouhý</li>

	<li>Široký</li>

	<li>Krátkozraký</li>
</ol>

<ol style="list-style-type:upper-alpha">
	<li>DOS</li>

	<li>Windows</li>

	<li>Linux</li>

	<li>Yesterday</li>
</ol>

<ol style="list-style-type:upper-roman">
	<li>Today</li>

	<li>Tomorrow</li>
</ol>

Učit se
Učit se
Učit se

Dlouhý
Široký
Krátkozraký

DOS
Windows
Linux
Yesterday

Today
Tomorrow

Vnořené seznamy

a)  Bird
  I)  Bird
    -   Red
    -   Green
    -   Blue
  II)  McHale
  III)  Parish
b)  McHale
c)  Parish
      1)  Bird
      2)  McHale
      3)  Parish

<ol style="list-style-type:lower-alpha">
	<li>Bird
		<ol style="list-style-type:upper-roman">
			<li>Bird
				<ul>
					<li>Red</li>

					<li>Green</li>

					<li>Blue</li>
				</ul>
			</li>

			<li>McHale</li>

			<li>Parish</li>
		</ol>
	</li>

	<li>McHale</li>

	<li>Parish
		<ol>
			<li>Bird</li>

			<li>McHale</li>

			<li>Parish</li>
		</ol>
	</li>
</ol>

Definiční seznam

Koncert Divokej Bill:
    - termín: 9. 12. 2004
    - místo: Hala Vodová, Brno
    - Cena: 260 Kč

<dl>
	<dt>Koncert Divokej Bill</dt>

	<dd>termín: 9. 12. 2004</dd>

	<dd>místo: Hala Vodová, Brno</dd>

	<dd>Cena: 260 Kč</dd>
</dl>

Koncert Divokej Bill: termín: 9. 12. 2004; místo: Hala Vodová, Brno; Cena: 260 Kč

S modifikátorem

Modifikátor, který ovlivňuje celý seznam, se uvádí na řádku před ním. Ostatní (klasicky) na konci řádku:

.{color:red}
triangl:   .{color:blue}
    - trojúhelník      .{color:green}
    - neladěný bicí hudební nástroj
    - tringulační věž

triangl: trojúhelník; neladěný bicí hudební nástroj; tringulační věž

Modifikátory

Nejsilnější zbraň Texy Lze použít tyto druhy modifikátorů:

(titulek) popisné, přidají objektu titulek (nebo alternativní text obrázkům)
[class1 class2 #id] určující třídu a / nebo ID prvku
{class:blue} přímý zápis stylu
{target:_blank} nebo přímý zápis HTML atributů
horizontální zarovnání:
- doleva <
- doprava >
- vycentrovaný <>
- do bloku =
vertikální zarovnání: (jen u tabulek)
- nahoru ^
- na střed –
- dolů _

Modifikátory se zapisují spojitě (bez mezer) a musí jim předcházet tečka. Takže třeba .(popis)[left] nastavuje atribut title na popis a třídu na left.

Modifikátory je vždy zapisují zcela doprava.

Příklad použití modifikátoru na odstavci textu:

Vycentrováno modifikátorem  .<>

Obarveno modifikátorem .{color:blue; lang: cs}

<p style="text-align:center">Vycentrováno modifikátorem</p>

<p lang="cs" style="color:blue">Obarveno modifikátorem</p>

Typografie

Sem patří všechny úpravy a náhrady textu, které upravují jeho vzhled v souladu s typografickými pravidly a podobně:

- "české" 'typografické' uvozovky
- pomlčka vs. spojovník: 10-15 vs. česko-slovenský
- pomlčka: jedna -- dvě
- typografický křížek u rozměrů 10 x 20
- šipky <- a -> a <-> ;
- tři tečky...
- zachování HTML entit &amp;
- náhrady(TM) nebo(R) za příslušné entity(C)

„české“ ‚typografické‘ uvozovky
pomlčka vs. spojovník: 10–15 vs. česko-slovenský
pomlčka: jedna – dvě
typografický křížek u rozměrů 10 × 20
šipky ← a → a ↔ ;
tři tečky…
zachování HTML entit &

práce s mezerami:

- vkládání nezalomitelných mezer za jednopísmenné předložky (v autě u okna)
- nedělitelné mezery u telefonních čísel +420 776 552 046

vkládání nezalomitelných mezer za jednopísmenné předložky (v&nbsp;autě u&nbsp;okna)

nedělitelné mezery u&nbsp;telefonních čísel +420&nbsp;776&nbsp;552&nbsp;046

Poznámka: Nahrazování se obvykle řídí dalšími pravidly, které určují, kdy symbol nahradit a kdy ne. Například šipka -> nemůže být na konci řádku atd. Proto nebuďte překvapeni, když v některých pří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:

jednoslovné: NATO((North Atlantic Treaty Organisation))

víceslovné: "et al."((a další))

<p>jednoslovné: <abbr title="North Atlantic Treaty Organisation" class="about">NATO</abbr></p>

<p>víceslovné: <abbr title="a další" class="about">et al.</abbr></p>

Klikatelné URI

Automatický převod URI do klikatelné formy (včetně emailů)

další informace na www.texy.info a také ...

další informace na www.texy.info a také …

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 vhodné prohlížeči naznačit, kde je může zalomit. Texy tyto místa hledá s přihlédnutím k národním zvyklostem, tedy slovo rozděluje podle slabik:

nejneobhospodařovávatelnějšími

nejneobhospoda&shy;řovávatelnější&shy;mi</p

Poznámka: limit délky slova je volitelný

Poznámka: současné prohlížeče na jádru Gecko (Mozilla, Firefox) jsou k naznačenému dělení slepí. Doufám, že vývojáři tento nedostatek brzy odstraní. Nebo zkuste tohle

Tabulky

Příklad jednoduché 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 netvoří řádek (řá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 zdvojeného ||

|-----------------------------
| Name                  || Age
|----------------------------
| Jesus      | Christ    | 33

Name		Age
Jesus	Christ	33

Sloučení řá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
Bill		52
Jim	Beam	70

Modifikátory

Platí tato pravidla:

modifikátor ovlivňující celou tabulku se vkládá bezprostředně před tabulku
ovlivňující řádek se vkládá na konec řá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 pří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 řádku
.{color: blue} a také .> modifikátor buňky

Takže výsledná tabulka vypadá takto:

first col	second col	third col
Adam	Eva	Franta