md2html.js umí zpracovat:

Vlastní syntaxe pomocí {} tagů

{logo}

Vloží obrázek loga:

<img src="logo.png" class="logo" alt="logo">

Příklad v Markdown:

{logo}

{meter, hodnota}

Vloží vizuální procentuální meter.

• hodnota může být desetinná i záporná
• interní rozsah je omezen na 0 až 100
• barva: 0-33.32 červená, 33.33-66.65 žlutá, 66.66-100 zelená

Příklad:

Skóre: {meter, 72.5}

{red}, {yellow}, {green} pro řádek tabulky

Pokud se v libovolné buňce řádku tabulky vyskytne jeden z těchto tagů, dostane celý <tr> CSS třídu:

• {red} -> class="red"
• {yellow} -> class="yellow"
• {green} -> class="green"

Tag se následně z textu odstraní.

Příklad:

| Kontrola | Stav |
| --- | --- |
| Šifrování | Slabé {red} |

{v} pro vertikální buňku tabulky

Pokud bunka obsahuje {v}, bunka (<th> nebo <td>) dostane CSS třídu vertical.

Tag se následně z textu odstraní. Ve výstupu se pak text v této buňce zobrazí vertikálně (svisle), pokud to definuje styl pro třídu vertical.

Příklad:

| {v} Parametr | Hodnota |
| --- | --- |
| {v} RSSI | -67 dBm |

Blockquote barva red

V prvním řádku blockquote můžeš použít tyto tagy:

• {green}
• {yellow}
• {red}

Příklad:

> {yellow}
> Toto je varování.

Výstup:

<blockquote class="yellow">...</blockquote>

Základní Markdown

Nadpisy

Podpora je pro nadpisy úrovně 1 až 6.

# H1
## H2
### H3

Odstavce

Text na po sobě jdoucích řádcích (bez prázdného řádku mezi nimi) se spojí do jednoho odstavce.

Horizontální čára

Funguje řádek složený z alespoň 3 znaků -, * nebo _ (s mezerami).

---
***
_ _ _

Seznamy

• neočíslované: -, *, +
• očíslované: 1., 2. ...
• vnoření podle počtu mezer na začátku řádku

- Položka
    - Vnořená položka
1. První
2. Druhá

Blok citace

Řádky začínající > se převedou na blockquote.

> Toto je citace.

Blok kódu

Podpora fenced code blocku pomocí trojitých backticků.

```js
console.log('ahoj');
```

Tabulky

Tabulka je rozpoznána při standardním markdown zápisu přes | a oddělovacím řádku.

| Sloupec A | Sloupec B |
| --- | --- |
| A1 | B1 |

Inline formátování

• inline kód: `kod`
• tučně: **text** nebo __text__
• kurzíva: *text*
• škrtnuté: ~~text~~
• odkaz: [text](url)
• obrázek: ![alt](cesta-nebo-url)

Poznámka: kurzíva přes _text_ není podporená (záměrně kvůli kolizím s SSID/identifikátory).

Escapování speciálních znaků

Lze použít zpětné lomítko před znaky:

\\  \`  \*  \_  \{  \}  \[  \]  \(  \)  \~  \!

Poznámky k režimu vše v jednom

Pokud je při generování zaškrtnuto "vše v jednom":

• CSS ze style.css se vloží přímo do <style>
• obrázky v HTML se pokusí převést na data URI
• odkazy v CSS url(...) se pokusí převést na data URI

Pokud nějaký zdroj nejde načíst, zůstane původní odkaz a v aplikaci se zobrazí varování.