📝
Editor Markdown — gratuit
Scrie și previzualizează Markdown în timp real. Suportă titluri, bold, italic, blocuri de cod, tabele și liste.
Funcționează offline odată încărcat
98 cuvinte · 582 caractere
Markdown
Previzualizare
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Bun venit în Editorul Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Scrie <strong>Markdown</strong> în stânga, vezi previzualizarea în timp real în dreapta.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Funcționalități</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>Aldin</strong>, <em>italic</em>, și <del>tăiat</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">Cod în linie</code> și blocuri de cod îngrădite</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">Linkuri</a></li><li class="my-0.5">Liste, citate, tabele și altele</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Exemplu de cod</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 a fost creat de John Gruber în 2004 pentru a face mai ușoară scrierea pentru web.</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">Funcționalitate</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">Susținut</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Titluri</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">Cod</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Referință rapidă Markdown
# Heading 1H1
**bold**Aldin
*italic*Cursiv
`code`Cod inline
- itemListă cu puncte
1. itemListă numerotată
> quoteCitat bloc
[text](url)Link
Imagine
---Separator
Utilizări frecvente
- Scrieti documentatia API in MarkdownDescriere endpoint-uri, exemple de cerere/raspuns si tabele de parametri in Markdown.
- Luati note MarkdownScrieti note structurate in Markdown care pot fi lipite in Notion, Obsidian, Bear sau orice aplicatie Markdown.
- Scrieți un GitHub README în MarkdownSchițați și previzualizați README-ul depozitului GitHub cu redare Markdown live.
- Scrieți documentație tehnicăScrieți și previzualizați documentația API, wikis și ghiduri tehnice în Markdown înainte de publicare.
- Scrieți postări pe blog în MarkdownSchițați postări pe blog în Markdown pentru Ghost, Jekyll, Hugo, Hashnode și alte platforme de publicare bazate pe Markdown.
Cum funcționează
Previzualizarea este randată de un parser Markdown scris manual, construit direct în unealtă — fără marked, fără remark, fără bibliotecă externă. Tokenizează sursa linie cu linie în browser, convertind sintaxa în HTML care este apoi trecut printr-un sanitizator înainte de afișare.
- 1Tokenizare linie-cu-linieFuncția personalizată renderMarkdown împarte sursa ta pe linii noi și le parcurge într-o singură trecere, potrivind blocuri de cod încadrate, titluri (H1–H6), citate în bloc, liste ordonate și neordonate, tabele GFM (cu alinierea coloanelor), linii orizontale, și paragrafe în ordine de prioritate.
- 2Expansiune de sintaxă inlineFiecare linie sau celulă colectată este apoi procesată de inlineMarkdown, un lanț de înlocuiri regex care gestionează aldin (** și __), cursiv (* și _), aldin-cursiv (***), tăiat (~~), cod inline (), imagini (), și link-uri ([text](url)) — imaginile sunt rezolvate înainte de link-uri astfel încât prefixul ! nu este consumat incorect.
- 3Sanitizare și blocare de resurse la distanțăHTML-ul brut produs de randor este trecut printr-un sanitizator (sanitize-html) pentru a elimina etichete și atribute nesigure precum <script>, gestionari onerror, și href-uri javascript:. O a doua trecere (neutralizeRemote) înlocuiește valorile src de imagine la distanță cu placeholder-e implicit, prevenind previzualizarea de la a contacta silențios servere externe înainte să optezi pentru asta.
- 4Exportă ca .md sau .html autonomCopierea sau descărcarea Markdown scrie textul sursă brut. Descărcarea HTML împachetează ieșirea sanitizată într-un document autonom, cu propria foaie de stil inline — clasele Tailwind funcționează doar în interiorul site-ului, așa că exportul include în schimb reguli CSS simple, făcând fișierul lizibil oriunde.
Instrumente similare
Convertor HTML în Markdown
Convertește HTML în Markdown curat. Gestionează titluri, liste, linkuri, imagini, blocuri de cod, tabele și citate în bloc. Perfect pentru mutarea conținutului din CMS-uri.
Încearcă
Convertor Markdown în HTML
Convertește Markdown în HTML curat cu previzualizare live. Folosește vizualizarea sursă pentru a copia HTML gata de lipit pentru bloguri, CMS-uri sau șabloane de e-mail.
Încearcă
Editor Diagrame Mermaid
Creează diagrame de flux, diagrame de secvență, diagrame Gantt și altele în sintaxa Mermaid cu previzualizare live. Exportă ca SVG sau PNG. Rulează complet în browser.
Încearcă