📝
Bepul Markdown Muharriri
Markdown ni real vaqtda yozing va oldindan ko'ring. Sarlavhalar, qalin, kursiv, kod bloklari, jadvallar va ro'yxatlarni qo'llab-quvvatlaydi.
Yuklangandan keyin oflayn ishlaydi
85 so‘zlar · 612 belgi
Markdown
Ko'rib chiqish
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Markdown Muharririga xush kelibsiz</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Chapda <strong>Markdown</strong> yozing, o'ngda jonli oldindan ko'rishni ko'ring.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Imkoniyatlar</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>Qalin</strong>, <em>kursiv</em> va <del>chizilgan</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">Ichki kod</code> va ramkali kod bloklari</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">Havolalar</a></li><li class="my-0.5">Ro'yxatlar, iqtiboslar, jadvallar va boshqalar</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kod namunasi</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-yilda John Gruber tomonidan veb uchun yozishni osonlashtirish maqsadida yaratilgan.</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">Xususiyat</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">Qo'llab-quvvatlanadi</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Sarlavhalar</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">Ro'yxatlar</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">Jadvallar</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 qo'llanmasi
# Heading 1H1
**bold**Qalin
*italic*Kursiv
`code`Ichki kod
- itemNuqtali ro'yxat
1. itemRaqamlangan ro'yxat
> quoteIqtibos
[text](url)Havola
Rasm
---Ajratuvchi chiziq
Qanday ishlaydi
Ko'rib chiqish to'g'ridan-to'g'ri asbobga qurilgan qo'lda yozilgan Markdown tahlilchisi tomonidan ko'rsatiladi — marked yo'q, remark yo'q, tashqi kutubxona yo'q. U manbani qator-bo-qator brauzerda tokenlaydi, sintaksisni HTML'ga o'giradi, u so'ng ko'rsatishdan oldin tozalagichdan o'tkaziladi.
- 1Qator-bo-qator tokenizatsiyaMaxsus renderMarkdown funksiyasi manbangizni yangi qatorlar bo'yicha bo'ladi va ularni yagona o'tishda aylanib o'tadi, ustuvorlik tartibida kesilgan kod bloklarini, sarlavhalarni (H1–H6), iqtiboslarni, tartiblangan va tartibsiz ro'yxatlarni, GFM jadvallarini (ustun-tekislash bilan), gorizontal chiziqlarni va abzatslarni moslashtiradi.
- 2Inline sintaksis kengaytirilishiHar bir yig'ilgan qator yoki katak so'ng inlineMarkdown orqali qayta ishlanadi, bu qalin (** va __), kursiv (* va _), qalin-kursiv (***), chizilgan (~~), inline kod (), rasmlar () va havolalarni ([matn](url)) boshqaradigan regex almashtirishlar zanjiri — rasmlar havolalardan oldin hal qilinadi, shunda ! prefiksi noto'g'ri iste'mol qilinmaydi.
- 3Tozalash va masofaviy-resurs bloklashKo'rsatuvchi tomonidan ishlab chiqarilgan xom HTML <script>, onerror boshqaruvchilari va javascript: hreflar kabi xavfli teglar va atributlarni tozalash uchun tozalagichdan (sanitize-html) o'tkaziladi. Ikkinchi o'tish (neutralizeRemote) masofaviy rasm src qiymatlarini standart bo'yicha joy egallovchilar bilan almashtiradi, ko'rib chiqishning siz roziligingizsiz jimgina tashqi serverlarga murojaat qilishining oldini oladi.
- 4.md yoki mustaqil .html sifatida eksportMarkdown'ni nusxalash yoki yuklab olish xom manba matnini yozadi. HTML'ni yuklab olish tozalangan chiqishni o'z inline uslub jadvali bilan mustaqil hujjatga o'raydi — Tailwind sinflari faqat sayt ichida ishlaydi, shuning uchun eksport buning o'rniga oddiy CSS qoidalarini o'z ichiga oladi, faylni istalgan joyda o'qiladigan qiladi.
Tegishli asboblar
HTML dan Markdown ga Konvertor
HTML ni toza Markdown ga aylantiring. Sarlavhalar, ro'yxatlar, havolalar, rasmlar, kod bloklari va iqtiboslarni qayta ishlaydi. CMS lardan kontentni ko'chirish uchun mukammal.
Sinab ko'ring
Markdown dan HTML ga Konvertor
Markdown ni jonli oldindan ko'rish bilan toza HTML ga aylantiring. Bloglar, CMS lar yoki elektron pochta shablonlari uchun joylashtirishga tayyor HTML ni nusxalash uchun manba ko'rinishidan foydalaning.
Sinab ko'ring
Mermaid Diagramma Muharriri
Mermaid sintaksisida oqim sxemalari, ketma-ketlik diagrammalari, Gantt jadvallari va boshqalarni jonli oldindan ko'rish bilan yozing. SVG yoki PNG sifatida eksport qiling. To'liq brauzeringizda ishlaydi.
Sinab ko'ring