Náhled Markdownu

Živý náhled Markdownu (GitHub Flavored) s bezpečným HTML výstupem. Anglicky Markdown preview.

Vše se počítá přímo v tomto prohlížeči — žádná data nikam neodcházejí.

Náhled Markdownu

Náhled

Náhled se zobrazí po zadání textu.

Podporuje GitHub Flavored Markdown (tabulky, seznamy úkolů, ohrazené bloky kódu). Výstup se před zobrazením čistí (DOMPurify): skripty, formuláře, rámy a obsluhy událostí se odstraní.

Jak použít: Náhled Markdownu

Náhled Markdownu převádí text v syntaxi GitHub Flavored Markdown na HTML a zobrazí, jak bude vypadat. Hodí se pro README, dokumentaci nebo příspěvky do systémů, které Markdown podporují. Výsledné HTML je ošetřené proti škodlivému kódu.

  1. Piš nebo vlož text do pole Markdown.
  2. Vedle se průběžně zobrazuje náhled.
  3. Vygenerované HTML zkopíruješ tlačítkem Kopírovat HTML.

Časté chyby a tipy

Zalomení řádku
Jedno odřádkování Markdown ignoruje. Nový odstavec vytvoří prázdný řádek, zalomení uvnitř odstavce dvě mezery na konci řádku.
Tabulky a úkoly
Tabulky, přeškrtnutí a seznamy úkolů (- [ ]) jsou rozšíření GitHubu. Jiné systémy je nemusí podporovat.
HTML uvnitř Markdownu
Skripty a nebezpečné atributy se z výstupu odstraní, stejně jako to dělají GitHub a další služby.

Nástroj je zdarma a běží celý v tvém prohlížeči — vložená data se nikam neodesílají ani neukládají.

HTML formátovač a minifikace →

Další nástroje v kategorii Web a ladění

  • JWT dekodér a ověření podpisu Dekódování JWT tokenu, kontrola platnosti (exp, nbf, iat) a ověření podpisu.
  • Tester regulárních výrazů Tester regexů pro JavaScript, PHP, Python, Go, .NET, Javu i Rust: shody, vysvětlení, mapa výrazu, náhrada, testy a hotový kód.
  • Kontrola a vyčištění SVG Kontrola SVG na skripty, zakódované stránky v Base64, vložené soubory, phishingové formuláře a externí zdroje a jejich bezpečné odstranění.
  • Validátor XML feedu pro Heureku a Zboží.cz Kontrola produktového XML feedu podle specifikace Heureka.cz a Zboží.cz: povinné elementy, formát ceny, dostupnosti a EAN, kódy dopravců, duplicitní ITEM_ID a jmenný prostor.
  • Náhled HTML a CSS Bezpečný náhled HTML a CSS v izolovaném rámu s výběrem šířky zařízení.
  • Porovnání dvou textů (diff) Porovnání dvou textů po řádcích, slovech nebo znacích, včetně unified diff.
  • Převodník barev (HEX, RGB, HSL, OKLCH) Převod barev mezi HEX, RGB, HSL, HWB, OKLCH a Lab s kontrastem podle WCAG.
  • Vysvětlení cron výrazu Popis cron výrazu česky, výpis dalších spuštění a převod na crontab, systemd timer, launchd (macOS) a Plánovač úloh Windows.
  • Dekodér certifikátů X.509 Rozbor certifikátů X.509: subjekt, platnost, klíč, alternativní názvy, rozšíření a otisky.
  • Porovnání XML Strukturní porovnání dvou XML dokumentů s cestou ke každé změně.
  • Porovnání JSON Sémantické porovnání dvou JSON dokumentů bez ohledu na pořadí klíčů.
  • IP a CIDR kalkulačka Rozbor IPv4 a IPv6 adres a sítí: maska, rozsah hostitelů, broadcast, typ adresy a kontrola příslušnosti.
  • Rozbor řetězce User-Agent Rozpoznání prohlížeče, jádra, operačního systému a zařízení z řetězce User-Agent.
  • Rozbor e-mailových hlaviček Rozbor hlaviček e-mailu: odesílatel, předmět, datum, cesta zprávy přes servery (Received) a všechny hlavičky.
  • ASN.1 / DER dekodér Výpis struktury ASN.1 DER z PEM, Base64 nebo Hex: typy, OID se jmény, vnořené struktury (certifikáty, klíče).
  • Kontrast barev podle WCAG Kontrastní poměr textu a pozadí podle WCAG 2.2 (AA, AAA) a APCA pro barvy v libovolném CSS zápisu, s náhledem a návrhem vyhovující barvy.
  • Kalkulačka specificity CSS Výpočet specificity CSS selektorů včetně :is(), :not(), :has() a :where(), barevný rozbor a seřazení podle síly.
  • Kódy kláves v JavaScriptu Stiskni klávesu a uvidíš event.key, event.code, keyCode a location, s ukázkou obsluhy a tabulkou kódů kláves.
  • Porovnání hodnot v JavaScriptu (== a ===) Tabulka, které hodnoty se v JavaScriptu rovnají podle ==, === a Object.is(), s vysvětlením převodu typů krok po kroku.
  • Responzivní logo Jak udělat logo, které se na užší obrazovce zjednoduší: živá ukázka, postup a hotový kód s container query, <picture> nebo SVG spritem.