📝
Муҳаррири Markdown-и ройгон
Markdown-ро дар вақти воқеӣ нависед ва пешнамоиш кунед. Сарлавҳа, ғафс, курсив, блоки код ва ҷадвал ва рӯйхатро дастгирӣ мекунад.
Ҳамин ки бор шуд офлайн кор мекунад
93 калимаҳо · 600 аломат
Markdown
Пешнамоиш
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Хуш омадед ба Муҳаррири Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Дар тарафи чап <strong>Markdown</strong> нависед, дар тарафи рост пешнамоиши зиндаро бинед.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Хусусиятҳо</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>Ғафс</strong>, <em>курсив</em> ва <del>хатзада</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">Рамзи дарунсатрӣ</code> ва блокҳои рамзи маҳдудшуда</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">Пайвандҳо</a></li><li class="my-0.5">Рӯйхатҳо, иқтибосҳо, ҷадвалҳо ва бештар</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Намунаи рамз</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 барои осон кардани навиштан барои веб эҷод шудааст.</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">Хусусият</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">Дастгирӣшуда</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Сарлавҳаҳо</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">Рӯйхатҳо</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">Ҷадвалҳо</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">Код</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Дастури Markdown
# Heading 1H1
**bold**Ғафс
*italic*Каҷ
`code`Рамзи дарунсатр
- itemРӯйхати нуқтагӣ
1. itemРӯйхати рақамдор
> quoteИқтибос
[text](url)Пайванд
Тасвир
---Ҷудокунанда
Чӣ тавр он кор мекунад
Пешнамоиш аз ҷониби таҳлилгари Markdown-и дастнависе ки бевосита ба абзор сохта шудааст тасвир карда мешавад — на marked, на remark, на китобхонаи берунӣ. Он манбаъро сатр-ба-сатр дар браузер нишонагузорӣ мекунад, синтаксисро ба HTML табдил медиҳад, ки сипас пеш аз намоиш тавассути тозакунанда мегузарад.
- 1Нишонагузории сатр-ба-сатрФунксияи фармоишии renderMarkdown манбаи шуморо дар хатҳои нав тақсим карда, дар як гузашт тай мекунад ва блокҳои рамзи fenced, сарлавҳаҳо (H1–H6), нохунакҳои ситоидӣ, рӯйхатҳои тартибдор ва бетартиб, ҷадвалҳои GFM (бо ҳамгироии сутун), хатҳои уфуқӣ ва порчаҳоро ба тартиби афзалиятнок мувофиқат мекунад.
- 2Густариши синтаксиси inlineҲар хат ё ҳуҷраи ҷамъшуда сипас аз ҷониби inlineMarkdown коркард карда мешавад, занҷири иваз кардани regex, ки сиёҳ (** ва __), курсив (* ва _), сиёҳ-курсив (***), хат-задашуда (~~), рамзи inline (`), тасвирҳо () ва пайвандҳо ([text](url))-ро идора мекунад — тасвирҳо пеш аз пайвандҳо ҳал карда мешаванд, то пешванди ! нодуруст истеъмол нашавад.
- 3Тозакунӣ ва бастани захираи дурHTML-и хоми тавлидшуда аз ҷониби тасвиргар тавассути тозакунанда (sanitize-html) мегузарад, то тегҳо ва атрибутҳои бехатар ба монанди <script>, идоракунандаҳои onerror ва hrefs-и javascript: бартараф шаванд. Гузашти дуюм (neutralizeRemote) қимматҳои src-и тасвири дурро бо ҷойгирандаҳо бар пешфарз иваз мекунад, ки пешнамоишро аз хомӯшона занг задан ба серверҳои берунӣ пеш аз ризоияти шумо пешгирӣ мекунад.
- 4Ҳамчун .md ё .html-и мустақил содир кунедНусхабардорӣ ё боргирии Markdown матни хоми манбаъро менависад. Боргирии HTML натиҷаи тозашударо дар ҳуҷҷати худмуҳтаво бо варақи услуби inline-и худ мепечонад — синфҳои Tailwind танҳо дар дохили сайт кор мекунанд, бинобар ин содирот ба ҷои он қоидаҳои содаи CSS-ро баста мебандад, ки файлро дар ҳама ҷо хоно мекунад.
Абзорҳои марбут
Табдилдиҳандаи HTML ба Markdown
HTML-ро ба Markdown-и тоза табдил диҳед. Сарлавҳа, рӯйхат, пайванд, тасвир, блоки код ва иқтибосро коркард мекунад. Барои бароварди мазмун аз CMS комил аст.
Кӯшиш кунед
Табдилдиҳандаи Markdown ба HTML
Markdown-ро бо пешнамоиши зинда ба HTML-и тоза табдил диҳед. Аз намоиши манбаъ барои нусхабардории HTML-и омодаи гузоштан барои блог, CMS ё намунаи почта истифода баред.
Кӯшиш кунед
Муҳаррири диаграммаи Mermaid
Диаграммаи ҷараён, диаграммаи пайдарпайӣ, диаграммаи Gantt ва дигаронро бо синтаксиси Mermaid ва пешнамоиши зинда нависед. Ҳамчун SVG ё PNG содир кунед. Пурра дар браузери шумо кор мекунад.
Кӯшиш кунед