π
Mhariri wa Markdown bila malipo
Andika na uhakiki Markdown kwa wakati halisi. Inasaidia vichwa, herufi nzito, herufi za italiki, vitalu vya msimbo, meza, na orodha.
Inafanya kazi bila mtandao mara ikishapakia
100 maneno Β· 592 herufi
Markdown
Onyesho la awali
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Karibu katika Editta ya Markdown</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Andika <strong>Markdown</strong> upande wa kushoto, tazama muonyaji wa zama halisi upande wa kulia.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Huduma</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>Joto</strong>, <em>kama sura</em>, na <del>kuvuka kwa mstari</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 ya mstari mmoja</code> na vizuzi vya 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">Viungo</a></li><li class="my-0.5">Orodha, nukuu, jedwali, na zaidi</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Mfano wa code</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 iliundwa na John Gruber mnamo 2004 ili kufanya kuandika kwa wavuti kuwa rahisi.</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">Huduma</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">Inakubali</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Vichwa</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">Orodha</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">Jedwali</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">Msimbo</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">β</td></tr></tbody></table>
Karatasi ya msaada ya Markdown
# Heading 1H1
**bold**Nzito
*italic*Italiki
`code`Nambari ndogo
- itemOrodha ya alama
1. itemOrodha ya nambari
> quoteDondoo la kizuizi
[text](url)Kiungo
Picha
---Kitenganishi
Matumizi ya kawaida
- Andika nyaraka za API katika MarkdownAndika maelezo ya endpoint, mifano ya ombi/jibu, na jedwali la kigezo katika Markdown.
- Chukua Kumbukumbu za MarkdownAndika kumbukumbu iliyoundwa katika Markdown inayoweza kukamatia katika Notion, Obsidian, Bear, au programu yoyote ya Markdown.
- Andika GitHub README katika MarkdownAndika na tonza mkakati wa GitHub repository README yako na uharaka wa Markdown.
- Andika Nyaraka ya KiufundiAndika na tonza API docs wikis na mwongozo wa kiufundi katika Markdown kabla ya kuchapisha.
- Andika Machapisho ya Blog katika MarkdownAndika machapisho ya blog katika Markdown kwa Ghost Jekyll Hugo Hashnode na podamu zingine za kuchapisha zinazotegemea Markdown.
Jinsi Inavyofanya Kazi
Onyesho la awali linaonyeshwa na kichambuzi cha Markdown kilichoandikwa mwenyewe kilichojengwa moja kwa moja kwenye kifaa β hakuna marked, hakuna remark, hakuna maktaba ya nje. Kinagawa chanzo mstari-kwa-mstari kwenye kivinjari, kikibadilisha sintaksia kuwa HTML inayopitishwa kupitia kisafishaji kabla ya kuonyeshwa.
- 1Ugawaji wa mstari-kwa-mstariKazi maalum ya renderMarkdown inagawanya chanzo chako kwenye mistari mipya na kupitia kwa pitio moja, ikilinganisha vizuizi vya msimbo vilivyofungwa, vichwa (H1βH6), blockquotes, orodha zilizopangwa na zisizopangwa, majedwali ya GFM (yenye upatanishi wa safu), mistari ya mlalo, na aya kwa mpangilio wa kipaumbele.
- 2Upanuzi wa sintaksia ya inlineKila mstari au kisanduku kilichokusanywa kinachakatwa na inlineMarkdown, mfuatano wa ubadilishaji wa regex unaoshughulikia unene (** na __), italiki (* na _), unene-italiki (***), mkato (~~), msimbo wa inline (), picha (), na viungo ([text](url)) β picha zinatatuliwa kabla ya viungo ili kiambishi ! kisichukuliwe kimakosa.
- 3Usafishaji na kuzuia rasilimali za mbaliHTML ghafi iliyozalishwa na kionyeshaji inapitishwa kupitia kisafishaji (sanitize-html) kuondoa lebo na sifa hatari kama <script>, vishughulikiaji vya onerror, na hrefs za javascript:. Pitio la pili (neutralizeRemote) linabadilisha thamani za src za picha za mbali na alama za nafasi kwa chaguo-msingi, likizuia onyesho la awali kupiga simu kimya kimya kwa seva za nje kabla hujajitoa.
- 4Toa kama .md au HTML iliyojitegemeaKunakili au kupakua Markdown kunaandika maandishi ghafi ya chanzo. Kupakua HTML kunafunga matokeo yaliyosafishwa kwenye hati iliyojitegemea yenye stylesheet yake ya ndani β klasi za Tailwind zinafanya kazi tu ndani ya tovuti, kwa hiyo utoaji unafunga sheria za CSS wazi badala yake, ukifanya faili lisomeke popote.
Zana Zinazohusiana
Kibadilishi cha HTML hadi Markdown
Badilisha HTML kuwa Markdown safi. Inashughulikia vichwa, orodha, viungo, picha, vitalu vya msimbo, meza, na blockquotes. Kamili kwa kuhamisha maudhui kutoka CMS.
Jaribu
Kibadilishi cha Markdown hadi HTML
Badilisha Markdown kuwa HTML safi na mwonekano wa moja kwa moja. Tumia mtazamo wa chanzo kunakili HTML tayari kubandika kwa blogi, CMS, au violezo vya barua pepe.
Jaribu
Mhariri wa Mchoro wa Mermaid
Andika michakato, michoro ya mfululizo, mchoro wa Gantt, na zaidi kwa sintaksia ya Mermaid na mwonekano wa moja kwa moja. Safirishia kama SVG au PNG. Inafanya kazi kabisa kwenye kivinjari chako.
Jaribu