📝
Kyauta Mai Gyaran Markdown
Rubuta da duba Markdown a lokaci na gaske. Yana goyan bayan headings, bold, italic, code blocks, tebura, da jerin abubuwa.
Yana aiki babu haɗi da zarar an loda shi
104 kalmomi · 615 haruffa
Markdown
Kallo
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Barka da zuwa Mai Gyara Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Rubuta <strong>Markdown</strong> a hagu, ka ga gani na kai tsaye a dama.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Fasali</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>Kauri</strong>, <em>karkatacce</em>, da <del>layi-tsallake</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">Lamba a layi</code> da gungun lamba masu shinge</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">Hanyoyin haɗi</a></li><li class="my-0.5">Jerin abubuwa, ambato-toshe, tebura, da ƙari</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Misalin lamba</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">John Gruber ne ya ƙirƙiri Markdown a shekara ta 2004 domin sauƙaƙa rubutu don yanar gizo.</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">Fasali</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">Ana Tallafawa</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Kanun labarai</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">Jerin abubuwa</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">Tebura</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">Lambar shirye-shirye</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Takardar taimako ta Markdown
# Heading 1H1
**bold**Mai Ƙarfi
*italic*Miƙaƙƙe
`code`Lambar a cikin layi
- itemJerin maki
1. itemJerin lamba
> quoteAmbato
[text](url)Hanyar haɗi
Hoto
---Layi mai raba
Yadda Yake Aiki
Ana zana dubawa da mai nazarin Markdown da aka rubuta da hannu wanda aka gina kai tsaye a kayan aikin — babu marked, babu remark, babu ɗakin karatu na waje. Yana raba tushen layi-bayan-layi a burauza, yana canja syntax zuwa HTML wanda sannan ake wucewa ta wani mai tsarkakewa kafin nuni.
- 1Rabar layi-bayan-layiAikin renderMarkdown na musamman yana raba tushen ka a sabbin layi kuma yana tafiya su a wucewa guda, yana daidaita blocks na lamba masu ambaton, kanun labarai (H1–H6), blockquotes, jerin da aka lasafta da wanda ba a lasafta ba, teburan GFM (tare da daidaita-shafi), layuka a kwance, da sakin layi bisa tsari na fifiko.
- 2Faɗaɗawar syntax na cikin-layiKowace layi ko tantanin da aka tara sannan ake sarrafa shi da inlineMarkdown, wani jerin maye gurbin regex wanda yake sarrafa kauri (** da __), lankwasa (* da _), kauri-lankwasa (***), soke (~~), lamba na cikin-layi, hotuna (), da hanyoyin haɗi ([text](url)) — ana warware hotuna kafin hanyoyin haɗi don kada a cinye alamar ! ba daidai ba.
- 3Tsarkatawa da hana albarkatu na nesaAna wucewa HTML danye da mai zanawa ya samar ta wata mai tsarkatawa (sanitize-html) don cire alamomi da siffofin marasa aminci kamar <script>, mai kula da onerror, da javascript: hrefs. Wata wucewa ta biyu (neutralizeRemote) tana maye gurbin ƙimomin src na hoto na nesa da placeholders a asali, yana hana dubawa daga shiru kiran uwar garke na waje kafin ka bada izini.
- 4Fitar da shi a matsayin .md ko .html mai zaman kansaKwafi ko sauke Markdown yana rubuta rubutun tushen danye. Sauke HTML yana lulluɓe fitarwar da aka tsarkatta a wani takarda mai zaman kansa tare da stylesheet na cikin gida naka — ajin Tailwind yana aiki ne kawai a cikin shafin, don haka fitarwar tana haɗe da ka'idojin CSS sauƙi maimakon, yana sa fayil ɗin ya karantu a ko'ina.
Kayan Aiki Masu Alaƙa
Mai Canza HTML zuwa Markdown
Canza HTML zuwa Markdown mai tsafta. Yana sarrafa headings, jerin abubuwa, links, hotuna, code blocks, da tebura. Yana da kyau don ƙaura da abun ciki daga CMSes.
Gwada shi
Mai Canza Markdown zuwa HTML
Canza Markdown zuwa HTML mai tsafta tare da preview mai rai. Yi amfani da kallon source don kwafin HTML da ya shirya don manna a blogs, CMSes, ko templates na imel.
Gwada shi
Mai Gyaran Zane Mermaid
Rubuta flowcharts, sequence diagrams, Gantt charts, da sauransu a rubutun Mermaid tare da preview mai rai. Fitar da su a matsayin SVG ko PNG. Yana aiki gaba ɗaya a cikin browser ɗinka.
Gwada shi