📝
Redaktues Markdown Falas
Shkruani dhe parashikoni Markdown në kohë reale. Mbështet titujt, të trashat, të pjerrëtat, blloqet e kodit, tabelat dhe listat.
Funksionon jashtë linje sapo ngarkohet
103 fjalë · 605 karaktere
Markdown
Pamja paraprake
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Mirë se vini në Redaktorin Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Shkruani <strong>Markdown</strong> në të majtë, shihni paraparjen e drejtpërdrejtë në të djathtë.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Veçoritë</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>Të trasha</strong>, <em>të pjerrëta</em>, dhe <del>të vijëzuara</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">Kod brenda rreshtit</code> dhe blloqe kodi të kornizuara</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">Lidhje</a></li><li class="my-0.5">Lista, citate, tabela, dhe më shumë</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Shembull kodi</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 u krijua nga John Gruber në 2004 për ta bërë shkrimin për web më të lehtë.</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">Veçori</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">Mbështetur</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Titujt</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">Listat</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">Tabelat</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</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Fletë-udhëzuese Markdown
# Heading 1H1
**bold**I trashë
*italic*Kursiv
`code`Kod brendaradhe
- itemListë me pika
1. itemListë e numëruar
> quoteCitim
[text](url)Lidhje
Figura
---Ndarës
Si funksionon
Parashikimi vizatohet nga një analizues Markdown i shkruar me dorë, ndërtuar direkt në mjet — pa marked, pa remark, pa bibliotekë të jashtme. Ndan burimin rresht-pas-rreshti në shfletues, duke konvertuar sintaksën në HTML që kalon pastaj përmes një sanitizuesi para shfaqjes.
- 1Tokenizim rresht-pas-rreshtiFunksioni i personalizuar renderMarkdown e ndan burimin tënd sipas rreshtave të rinj dhe kalon nëpër to në një kalim të vetëm, duke përputhur blloqe kodi të rrethuara, titujt (H1–H6), citimet blloku, listat e renditura dhe të parenditura, tabelat GFM (me vijëzim kolonash), vija horizontale, dhe paragrafë sipas rendit të prioritetit.
- 2Zgjerim sintakse brendaziÇdo rresht ose qelizë i mbledhur pastaj përpunohet nga inlineMarkdown, një zinxhir zëvendësimesh regex që trajton të trashat (** dhe __), italiket (* dhe _), të trasha-italik (***), vijëzim (~~), kod brendazi (), imazhe (), dhe lidhje ([text](url)) — imazhet zgjidhen para lidhjeve kështu që prefiksi ! nuk konsumohet gabimisht.
- 3Sanitizim dhe bllokim burimesh të largëtaHTML-ja e papërpunuar e prodhuar nga vizatuesi kalon përmes një sanitizuesi (sanitize-html) për të hequr etiketa dhe atribute të pasigurta si <script>, trajtues onerror, dhe hrefs javascript:. Një kalim i dytë (neutralizeRemote) i zëvendëson vlerat src të imazheve të largëta me vendmbajtëse si e paracaktuar, duke parandaluar që parashikimi të telefonojë heshtazi te serverë të jashtëm para se ta aktivizosh vetë.
- 4Eksporto si .md ose .html të pavarurKopjimi ose shkarkimi i Markdown-it shkruan tekstin e papërpunuar burimor. Shkarkimi i HTML-së e mbështjell daljen e sanitizuar në një dokument të vetëpërmbajtur me stilin e vet brendazi — klasat Tailwind funksionojnë vetëm brenda faqes, kështu që eksporti paketon rregulla CSS të thjeshta në vend të kësaj, duke e bërë skedarin të lexueshëm kudo.
Mjete të ngjashme
Konvertues HTML në Markdown
Konvertoni HTML në Markdown të pastër. Trajton titujt, listat, lidhjet, imazhet, blloqet e kodit dhe citimet. Perfekt për zhvendosjen e përmbajtjes jashtë CMS-ve.
Provojeni
Konvertues Markdown në HTML
Konvertoni Markdown në HTML të pastër me parashikim të drejtpërdrejtë. Përdorni pamjen burimore për të kopjuar HTML gati për ngjitje në blogje, CMS ose shabllone email-i.
Provojeni
Redaktues Diagramesh Mermaid
Shkruani flowchart-e, diagrame sekuence, grafikë Gantt dhe më shumë në sintaksën Mermaid me parashikim të drejtpërdrejtë. Eksportoni si SVG ose PNG. Funksionon plotësisht në shfletuesin tuaj.
Provojeni