📝
Pulsuz Markdown Redaktoru
Markdown-u real vaxtda yazın və önizləyin. Başlıqlar, qalın, kursiv, kod blokları, cədvəllər və siyahıları dəstəkləyir.
Bir dəfə yükləndikdən sonra oflayn işləyir
85 söz · 586 simvol
Markdown
Önizləmə
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Markdown Redaktoruna Xoş Gəldiniz</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Soldakı <strong>Markdown</strong> yazın, sağdakı canlı önizləməyə baxın.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Xüsusiyyətlər</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>Qalın</strong>, <em>kursiv</em> və <del>xətkeşdir</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">Sətirdaxili kod</code> və qapalı kod blokları</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">Keçidlər</a></li><li class="my-0.5">Siyahılar, sitatlar, cədvəllər və daha çox</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kod nümunəsi</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 2004-cü ildə John Gruber tərəfindən veb yazısını asanlaştırmaq üçün yaradılmışdır.</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">Xüsusiyyət</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">Dəstəklənir</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Başlıqlar</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">Siyahılar</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">Cədvəllər</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 sürətli bələdçi
# Heading 1H1
**bold**Qalın
*italic*Kursiv
`code`Sətir içi kod
- itemNöqtəli siyahı
1. itemNömrəli siyahı
> quoteBlok sitat
[text](url)Keçid
Şəkil
---Ayırıcı
Ümumi istifadələr
- Markdown-da API Sənədləri YazınMarkdown-da son nöqtə təsvirləri, istək/cavab nümunələri və parametr cədvəlləri layihəsi edin.
- Markdown Qeydləri GötürünNotion, Obsidian, Bear və ya istənilən Markdown tətbiqinə yapışdırıla biləcək strukturlaşdırılmış qeydlər Markdown-da yazın.
- GitHub README Markdown-da YazınGitHub depositoriyası README-nizi canlı Markdown göstərişi ilə hazırlayın və önizləyin.
- Texniki Sənədləmə YazınAPI sənədlərini, viki-ləri və texniki təlimatları Markdown-da hazırlayın və nəşr etməzdən əvvəl önizləyin.
- Markdown-da Bloga Yazılarını YazınGhost, Jekyll, Hugo, Hashnode və digər Markdown-əsaslı nəşr platformaları üçün bloga yazılarını hazırlayın.
Necə İşləyir
Önizləmə alətə birbaşa qurulmuş əl ilə yazılmış bir Markdown parseri tərəfindən render edilir — marked yoxdur, remark yoxdur, xarici kitabxana yoxdur. O, mənbəni brauzerdə sətir-sətir nişanlayır, sintaksisi göstərişdən əvvəl bir təmizləyicidən keçirilən HTML-ə çevirərək.
- 1Sətir-sətir nişanlanmaFərdi renderMarkdown funksiyası mənbənizi yeni sətirlərdə bölür və onları tək bir keçiddə gəzir, prioritet sırasında çərçivəli kod bloklarını, başlıqları (H1–H6), sitatları, sıralanmış və sıralanmamış siyahıları, GFM cədvəllərini (sütun-uyğunlaşdırma ilə), üfüqi xətləri və paraqrafları uyğunlaşdıraraq.
- 2Inline sintaksis genişlənməsiToplanan hər sətir və ya hüceyrə sonra qalın (** və __), kursiv (* və _), qalın-kursiv (***), üstündən-xətli (~~), inline kod (), şəkillər () və keçidlər ([mətn](url)) idarə edən bir regex əvəzləmə zənciri olan inlineMarkdown ilə işlənir — şəkillər keçidlərdən əvvəl həll edilir ki, ! prefiksi yanlış işlənməsin.
- 3Təmizləmə və uzaq-resurs bloklamasıRender tərəfindən yaradılan xam HTML <script>, onerror işləyiciləri və javascript: hrefs kimi təhlükəsiz-olmayan etiket və atributları çıxarmaq üçün bir təmizləyicidən (sanitize-html) keçirilir. İkinci bir keçid (neutralizeRemote) defolt olaraq uzaq şəkil src dəyərlərini yerdəyişdiricilərlə əvəz edir, siz razı olmadan önizləmənin sükutla xarici serverlərə zəng etməsinin qarşısını alaraq.
- 4.md, ya da özünə-kifayət .html kimi ixrac edinMarkdown-u kopyalamaq və ya endirmək xam mənbə mətnini yazır. HTML endirmək təmizlənmiş çıxışı öz inline stil vərəqi olan özünə-kifayət bir sənəddə sarır — Tailwind sinifləri yalnız sayt daxilində işləyir, ona görə ixrac bunun əvəzinə düz CSS qaydaları paketləyir, faylı hər yerdə oxunaqlı edərək.
Əlaqəli Alətlər
HTML-dən Markdown-a Çevirici
HTML-i təmiz Markdown-a çevirin. Başlıqlar, siyahılar, keçidlər, şəkillər, kod blokları, cədvəllər və blok sitatları idarə edir. Məzmunu CMS-lərdən köçürmək üçün mükəmməldir.
Sınayın
Markdown-dan HTML-ə Çevirici
Markdown-u canlı önizləmə ilə təmiz HTML-ə çevirin. Bloglar, CMS-lər və ya e-poçt şablonları üçün hazır yapışdırılacaq HTML kopyalamaq üçün mənbə görünüşünü istifadə edin.
Sınayın
Mermaid Diaqram Redaktoru
Canlı önizləmə ilə Mermaid sintaksisində axın diaqramları, ardıcıllıq diaqramları, Gantt cədvəlləri və daha çoxunu yazın. SVG və ya PNG formatında ixrac edin. Tamamilə brauzerinizdə işləyir.
Sınayın