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}

{contents}

Vloží automatický obsah dokumentu (TOC) z nadpisů h2 a h3.

• vygeneruje klikatelné odkazy na jednotlivé sekce
• pokud nadpis nemá id, doplní se automaticky
• když nejsou nalezeny žádné nadpisy, tag se odstraní

Příklad v Markdown:

{contents}

{collapse} a {collapse:open} u nadpisu

Na konec nadpisu můžeš přidat {collapse} nebo {collapse:open}.

• {collapse} vytvoří sbalitelnou sekci, která je ve výchozím stavu zavřená
• {collapse:open} vytvoří sbalitelnou sekci, která je ve výchozím stavu otevřená
• sekce se automaticky ukončí při nadpisu stejné nebo vyšší úrovně

Příklad:

## Podrobnosti {collapse}
Obsah uvnitř sbalitelné sekce.

### Dílčí sekce
Další obsah.

## Další kapitola

{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 |

{legend, text} pro legendu tabulky

Pokud hned pod tabulku přidáš řádek s tagem {legend, ...}, vygeneruje se legenda pod tabulkou:

• funguje jen pokud je tag bezprostředně pod tabulkou
• zobrazí se malým, šedým textem
• je zarovnaná doprava
• má malý odskok od tabulky

Příklad:

| Metoda | Výsledek |
| --- | --- |
| WPA2 | OK |
{legend, Hodnoceno dle interní metodiky Q2/2026.}

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)
• HTML tagy <small>...</small> a <hr>

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

HTML tagy v Markdown

Podporované jsou i vybrané HTML zápisy:

• řádek začínající HTML tagem (např. <div>...</div>) se vloží do výstupu jako raw HTML
• HTML komentář na samostatném řádku <!-- ... --> se zachová
• v inline textu se HTML tagy zachovávají (neescapují se na text)

Příklad:

<div class="note">Vlastní HTML blok</div>

Toto je drobná poznámka.

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í.