📝
Editor Markdown zadarmo
Píšte a prezerajte Markdown v reálnom čase. Podporuje nadpisy, tučné, kurzívu, bloky kódu, tabuľky a zoznamy.
Po načítaní funguje offline
87 slov · 545 znakov
Markdown
Náhľad
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Vítajte v Markdown editore</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Napíšte <strong>Markdown</strong> vľavo, vidíte živý náhľad vpravo.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Funkcie</h3>
<ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>Tučné</strong>, <em>kurzíva</em> a <del>prečiarknuté</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">Vložený kód</code> a blokované kódové kusy</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">Odkazy</a></li><li class="my-0.5">Zoznamy, úvodzovky, tabuľky a ďalšie</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Príklad kódu</h3>
<pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) {
return `Hello, ${name}!`;
}</code></pre>
<blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown vytvoril John Gruber v roku 2004, aby sa písanie pre web stalo jednoduchšie.</blockquote>
<table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">Funkcia</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">Podporované</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Nadpisy</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Zoznamy</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Tabuľky</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Kód</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Prehľad Markdown
# Heading 1H1
**bold**Tučné
*italic*Kurzíva
`code`Inline kód
- itemOdrážkový zoznam
1. itemČíslovaný zoznam
> quoteBloková citácia
[text](url)Odkaz
Obrázok
---Oddeľovač
Bežné použitia
- Napíšte API dokumentáciu v MarkdownNavrhnite opisy koncových bodov, príklady žiadostí/odpovedí a tabuľky parametrov v Markdown.
- Berú Markdown poznámkyNapíšte štruktúrované poznámky v Markdown-e, ktoré je možné vložiť do Notion, Obsidian, Bear alebo akejkoľvek aplikácie Markdown.
- Napíšte GitHub README v MarkdownNačrtnite a prehliadnite svoj GitHub repozitár README s živou reifikaciou Markdown.
- Napíšte technickú dokumentáciuNapíšte a prehliadnite dokumentáciu API, wikis a technické príručky v Markdown pred zverejnením.
- Napíšte príspevky blogu v MarkdownNávrhy blogových príspevkov v Markdown pre Ghost, Jekyll, Hugo, Hashnode a iné platformy na zverejňovanie Markdown.
Ako to funguje
Náhľad vykresľuje ručne napísaný parser Markdown zabudovaný priamo do nástroja — bez marked, bez remark, bez externej knižnice. Tokenizuje zdroj riadok po riadku v prehliadači a prevádza syntax na HTML, ktoré potom prejde cez sanitizér pred zobrazením.
- 1Tokenizácia po riadkochVlastná funkcia renderMarkdown rozdelí váš zdroj podľa nových riadkov a prejde ich v jednom prechode, pričom zhoduje ohradené bloky kódu, nadpisy (H1–H6), citácie, číslované a nečíslované zoznamy, tabuľky GFM (so zarovnaním stĺpcov), vodorovné čiary a odseky v prioritnom poradí.
- 2Aplikácia inline syntaxeKaždý zozbieraný riadok alebo bunka potom prechádza cez inlineMarkdown, reťaz nahradení regulárnym výrazom, ktorá spracúva tučné (** a __), kurzívu (* a _), tučnú kurzívu (***), prečiarknutie (~~), inline kód, obrázky () a odkazy ([text](url)) — obrázky sa spracúvajú pred odkazmi, aby sa predpona ! neskonzumovala nesprávne.
- 3Sanitizácia a blokovanie vzdialených zdrojovSurové HTML vytvorené vykresľovačom prechádza cez sanitizér (sanitize-html), ktorý odstráni nebezpečné tagy a atribúty ako <script>, obslužné programy onerror a javascript: odkazy. Druhý prechod (neutralizeRemote) predvolene nahrádza hodnoty src vzdialených obrázkov zástupnými znakmi, čím zabraňuje tomu, aby náhľad tichý komunikoval s externými servermi skôr, než sa na to prihlásite.
- 4Export ako .md alebo samostatné .htmlKopírovanie alebo stiahnutie Markdownu zapíše surový zdrojový text. Stiahnutie HTML obalí sanitizovaný výstup do samostatného dokumentu s vlastným vsadeným štýlom — Tailwind triedy fungujú iba v rámci stránky, takže export namiesto toho zabalí obyčajné pravidlá CSS, čím sa súbor stáva čitateľným kdekoľvek.
Súvisiace nástroje
Konvertor HTML do Markdown
Konvertujte HTML na čistý Markdown. Zvláda nadpisy, zoznamy, odkazy, obrázky, bloky kódu, tabuľky a citácie. Ideálne na presun obsahu z CMS systémov.
Vyskúšajte
Konvertor Markdown do HTML
Konvertujte Markdown na čistý HTML so živým náhľadom. Použite zobrazenie zdrojového kódu na kopírovanie HTML pripravené na vloženie pre blogy, CMS alebo e-mailové šablóny.
Vyskúšajte
Editor diagramov Mermaid
Píšte vývojové diagramy, sekvenčné diagramy, Ganttove grafy a ďalšie v syntaxi Mermaid so živým náhľadom. Exportujte ako SVG alebo PNG. Beží výlučne vo vašom prehliadači.
Vyskúšajte