📝
Markdown editor — besplatno
Pišite i pregledajte Markdown u realnom vremenu. Podržava naslove, podebljani tekst, kurziv, blokove koda, tabele i liste.
Radi van mreže kada se učita
96 reči · 569 znakova
Markdown
Pregled
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Dobrodošli u uređivač Markdown-a</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Piši <strong>Markdown</strong> sa leve strane, vidi pregled u realnom vremenu sa desne strane.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Funkcije</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>Podebljano</strong>, <em>kurziv</em> i <del>precrtano</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">Inlajn kod</code> i blokovi koda sa ogradom</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">Veze</a></li><li class="my-0.5">Liste, citati, tabele i još mnogo toga</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Primer koda</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 je kreirao John Gruber 2004. godine kako bi pisanje za veb bilo lakše.</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">Funkcija</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">Podržano</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Naslovi</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">Liste</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">Tabele</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">Kod</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown podsetnik
# Heading 1H1
**bold**Podebljano
*italic*Kurziv
`code`Inline kod
- itemLista s tačkama
1. itemNumerisana lista
> quoteBlok citat
[text](url)Veza
Slika
---Razdvajač
Uobičajene upotrebe
- Napišite API dokumentaciju u MarkdownNacrtajte opise krajnjih tačaka, primere zahteva/odgovora i tabele parametara u Markdown.
- Snimite Markdown beleškeNapišite strukturirane beleške u Markdown-u koji mogu biti zalepljeni u Notion, Obsidian, Bear ili bilo koju Markdown aplikaciju.
- Napišite GitHub README u Markdown-uNacrtajte i pregledajte svoj GitHub repozitorijum README sa dinamičkim Markdown renderovanjem.
- Napišite tehničku dokumentacijuNapišite i pregledajte API dokumente, vikie i tehničke vodiče u Markdown-u pre objavljivanja.
- Napišite blog članke u Markdown-uNacrtajte blog članke u Markdown-u za Ghost, Jekyll, Hugo, Hashnode i druge Markdown platforme za objavljivanje.
Kako funkcioniše
Pregled iscrtava ručno napisan Markdown parser ugrađen direktno u alatku — bez marked, bez remark, bez spoljne biblioteke. Tokenizuje izvor red-po-red u pregledaču, konvertujući sintaksu u HTML koji se zatim prosleđuje kroz sanitizator pre prikazivanja.
- 1Tokenizacija red-po-redPrilagođena funkcija renderMarkdown deli vaš izvor na nove redove i prolazi kroz njih u jednom prolazu, uparujući blokove koda sa ogradom, naslove (H1–H6), citate, uređene i neuređene liste, GFM tabele (sa poravnanjem kolona), horizontalne linije, i pasuse po prioritetnom redosledu.
- 2Širenje inline sintakseSvaka prikupljena linija ili ćelija se zatim obrađuje pomoću inlineMarkdown, lanca zamena regularnim izrazom koji rukuje podebljanim (** i __), kurzivom (* i _), podebljanim-kurzivom (***), precrtanim (~~), inline kodom, slikama (), i vezama ([tekst](url)) — slike se razrešavaju pre veza tako da se prefiks ! ne troši pogrešno.
- 3Sanitizacija i blokiranje udaljenih resursaSirovi HTML koji renderer proizvede se prosleđuje kroz sanitizator (sanitize-html) da ukloni nebezbedne oznake i atribute poput <script>, onerror rukovaoce, i javascript: hrefove. Drugi prolaz (neutralizeRemote) podrazumevano zamenjuje src vrednosti udaljenih slika čuvarima mesta, sprečavajući da pregled tiho pozove spoljne servere pre nego što se aktivirate.
- 4Izvoz kao .md ili samostalan .htmlKopiranje ili preuzimanje Markdown-a upisuje sirovi izvorni tekst. Preuzimanje HTML-a omotava sanitizovan izlaz u samostalan dokument sa sopstvenim inline stilskim listom — Tailwind klase rade samo unutar sajta, pa izvoz umesto toga pakuje obična CSS pravila, čineći fajl čitljivim svuda.
Slične alatke
HTML u Markdown konvertor
Konvertujte HTML u čisti Markdown. Obrađuje naslove, liste, linkove, slike, blokove koda, tabele i citate. Savršeno za premeštanje sadržaja iz CMS sistema.
Isprobajte
Markdown u HTML konvertor
Konvertujte Markdown u čisti HTML sa pregledom uživo. Koristite prikaz izvora da kopirate HTML spreman za lepljenje za blogove, CMS sisteme ili e-mail šablone.
Isprobajte
Mermaid editor dijagrama
Pišite dijagrame toka, sekvencijalne dijagrame, Gantt grafikone i još mnogo toga u Mermaid sintaksi sa pregledom uživo. Izvezite kao SVG ili PNG. Radi isključivo u vašem pregledaču.
Isprobajte