📝
Editur Markdown b'xejn
Ikteb u ara preview tal-Markdown f'ħin reali. Jappoġġja intestaturi, tipa iebsa, korsiva, blokki ta' kodiċi, tabelli, u listi.
Jaħdem offline ladarba mgħobbi
87 kliem · 584 karattri
Markdown
Previżjoni
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Merħba fir-Redattur Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Ikteb <strong>Markdown</strong> fuq ix-xellug, ara l-preview live fuq il-lemin.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Karatteristiċ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>Bold</strong>, <em>italic</em>, u <del>strikethrough</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">Inline code</code> u fenced code blocks</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">Links</a></li><li class="my-0.5">Listi, blockquotes, tabelli, u ħafna iktar</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Eżempju tal-kodiċi</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 inħoloq minn John Gruber fl-2004 biex jagħmel il-kitba għall-web aktar faċli.</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">Karatteristika</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">Appoġġat</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Intestaturi</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">Listi</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">Tabelli</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">Kodiċi</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Cheatsheet Markdown
# Heading 1H1
**bold**Grassa
*italic*Korsiv
`code`Kodiċi inline
- itemLista ta' punti
1. itemLista numerata
> quoteKwotazzjoni fil-blokk
[text](url)Ħolqa
Immaġini
---Diviżur
Użi komuni
- Ikteb API Documentation f'MarkdownIkteb draft tal-endpoint descriptions, esempi ta' request/response, u tables ta' parameters f'Markdown.
- Ħu Markdown NotesIkteb notes strutturati f'Markdown li jistgħu jiġu limitati f'Notion, Obsidian, Bear, jew kwalunkwe Markdown app.
- Ikteb GitHub README f'MarkdownIddraft u preview il-GitHub repository README tiegħek b'live Markdown rendering.
- Ikteb Dokumentazzjoni TeknikaIkteb u preview API docs, wikis u technical guides f'Markdown qabel il-publishing.
- Ikteb Blog Posts f'MarkdownIddraft blog posts f'Markdown għal Ghost, Jekyll, Hugo, Hashnode u oħrajn Markdown-based publishing platforms.
Kif Taħdem
Il-previżjoni tiġi rrendjata minn parser tal-Markdown miktub bl-idejn mibni direttament fl-għodda — l-ebda marked, l-ebda remark, l-ebda librerija esterna. Jittokenizza s-sors linja b'linja fil-browser, u jikkonverti s-sintassi f'HTML li mbagħad jgħaddi minn sanitizer qabel il-wiri.
- 1Tokenizzazzjoni linja b'linjaIl-funzjoni personalizzata renderMarkdown taqsam is-sors tiegħek fuq linji ġodda u timxi minnhom f'pass wieħed, taqbel blokki ta' kodiċi tal-fenċ, intestaturi (H1–H6), kwotazzjonijiet, listi ordnati u mhux ordnati, tabelli GFM (bl-allinjament tal-kolonna), linji orizzontali, u paragrafi f'ordni ta' prijorità.
- 2Espansjoni tas-sintassi inlineKull linja jew ċellola miġbura mbagħad tiġi pproċessata minn inlineMarkdown, katina ta' sostituzzjonijiet regex li timmaniġġja l-grassa (** u __), il-korsiv (* u _), grassa-korsiv (***), l-ingassata (~~), kodiċi inline, stampi (), u links ([text](url)) — l-istampi jiġu solvuti qabel il-links biex il-prefiss ! ma jiġix ikkunsmat b'mod skorrett.
- 3Sanitizzazzjoni u blukkar ta' riżorsi mill-bogħodL-HTML mhux ipproċessat prodott mir-renderer jgħaddi minn sanitizer (sanitize-html) biex ineħħi tags u attributi mhux siguri bħal <script>, handlers onerror, u hrefs javascript:. Pass ieħor (neutralizeRemote) awtomatikament jissostitwixxi valuri src ta' stampi remoti b'placeholders, u jipprevjeni l-previżjoni milli tikkuntattja siekta servers esterni qabel tagħżel li tippermettihom.
- 4Esporta bħala .md jew .html awtonomuIl-kopja jew it-tniżżil tal-Markdown jikteb it-test sors mhux ipproċessat. It-tniżżil tal-HTML jgeżwer il-ħruġ sanitizzat f'dokument awtonomu bl-istylesheet inline tiegħu stess — klassijiet ta' Tailwind jaħdmu biss ġewwa s-sit, għalhekk l-esportazzjoni tiġbor regoli CSS sempliċi minflok, tagħmel il-fajl li jinqara kullimkien.
Għodod Relatati
Konvertitur HTML għal Markdown
Ikkonverti HTML f'Markdown nadif. Jimmaniġġja intestaturi, listi, links, immaġni, blokki ta' kodiċi, tabelli, u blockquotes. Perfett biex tiċċaqlaq kontenut barra mill-CMSes.
Ipprova
Konvertitur Markdown għal HTML
Ikkonverti Markdown f'HTML nadif b'preview ħaj. Uża l-vista tas-sors biex tikkopja HTML lest biex twaħħal għal blogs, CMSes, jew templates tal-email.
Ipprova
Editur tad-Dijagrammi Mermaid
Ikteb flowcharts, dijagrammi tas-sekwenzi, charts Gantt, u aktar bis-sintassi Mermaid b'preview ħaj. Esporta bħala SVG jew PNG. Jopera kompletament fil-browser tiegħek.
Ipprova