📝
Markdown redaktors bez maksas
Raksti un priekšskatī Markdown reāllaikā. Atbalsta virsrakstus, treknrakstu, slīprakstu, koda blokus, tabulas un sarakstus.
Darbojas bezsaistē pēc ielādes
88 vārdi · 602 rakstzīmes
Markdown
Priekšskatījums
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Sveiki Markdown redaktorā</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Rakstiet <strong>Markdown</strong> kreisajā pusē un skatieties tiešsaistes priekšskatījumu labajā pusē.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Iespējas</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>Treknraksts</strong>, <em>kursīvs</em> un <del>svītrojums</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">Iekļautais kods</code> un norobežoti koda bloki</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">Saites</a></li><li class="my-0.5">Saraksti, citāti, tabulas un vēl daudz kas</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Koda piemērs</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 izveidoja Džons Grubers 2004. gadā, lai padarītu tīmekļa rakstīšanu vieglāku.</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">Iespēja</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">Atbalstīts</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Virsraksti</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">Saraksti</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">Tabulas</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">Kods</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown apkrāpšanas lapa
# Heading 1H1
**bold**Treknraksts
*italic*Slīpraksts
`code`Rindas kods
- itemAizzīmju saraksts
1. itemNumurēts saraksts
> quoteCitāts
[text](url)Saite
Attēls
---Atdalītājs
Biežākie lietojumi
- Rakstiet API dokumentāciju MarkdownIeskicējiet galapunktu aprakstus, pieprasījuma/atbildes piemērus un parametru tabulas Markdown.
- Pieņemiet Markdown piezīmesRakstiet strukturētas piezīmes Markdown, ko var ielīmēt Notion, Obsidian, Bear vai jebkurā Markdown lietotnē.
- Rakstiet GitHub README Markdown formātāUzskicējiet un priekšskatiet savu GitHub repozitoriju README ar tiešraides Markdown renderēšanu.
- Rakstiet tehnisko dokumentācijuRakstiet un priekšskatiet API dokumentāciju, vikis un tehniskos ceļvežus Markdown formātā pirms publicēšanas.
- Rakstiet bloga ierakstus Markdown formātāUzskicējiet bloga ierakstus Markdown formātā Ghost, Jekyll, Hugo, Hashnode un citām Markdown publicēšanas platformām.
Kā tas darbojas
Priekšskatījumu renderē pašrakstīts Markdown parsētājs, kas iebūvēts tieši rīkā — bez marked, bez remark, bez ārējas bibliotēkas. Tas tokenizē avotu rindu pa rindai pārlūkprogrammā, konvertējot sintaksi HTML, kas tad tiek nodota caur sanitizatoru pirms attēlošanas.
- 1Rindu pa rindai tokenizācijaPielāgotā renderMarkdown funkcija sadala jūsu avotu pie jaunām rindām un iet tām cauri vienā gājienā, sakrītot ar aptvertiem koda blokiem, virsrakstiem (H1–H6), citātiem, sakārtotiem un nesakārtotiem sarakstiem, GFM tabulām (ar kolonnu-izlīdzināšanu), horizontālām līnijām un rindkopām prioritātes secībā.
- 2Iekļautās sintakses izplešanaKatra savāktā rinda vai šūna tad tiek apstrādāta ar inlineMarkdown, regex aizstāšanu ķēdi, kas apstrādā treknu (** un __), kursīvu (* un _), treknu-kursīvu (***), pārsvītrotu (~~), iekļauto kodu (), attēlus () un saites ([text](url)) — attēli tiek atrisināti pirms saitēm, lai ! prefikss netiktu nepareizi patērēts.
- 3Sanitizācija un attālo resursu bloķēšanaRenderētāja radītais neapstrādātais HTML tiek nodots caur sanitizatoru (sanitize-html), lai noņemtu nedrošas birkas un atribūtus, piemēram, <script>, onerror apstrādātājus un javascript: hrefs. Otrs gājiens (neutralizeRemote) pēc noklusējuma aizstāj attālo attēlu src vērtības ar vietturiem, novēršot priekšskatījuma klusu "zvanīšanu mājās" uz ārējiem serveriem, pirms jūs to atļaujat.
- 4Eksports kā .md vai pašpietiekams .htmlMarkdown kopēšana vai lejupielāde raksta neapstrādāto avota tekstu. HTML lejupielāde ietin sanitizēto izvadi pašpietiekamā dokumentā ar savu iekļauto stilu lapu — Tailwind klases darbojas tikai vietnes iekšpusē, tāpēc eksports tā vietā iesaiņo vienkāršus CSS noteikumus, padarot failu lasāmu jebkur.
Saistītie rīki
HTML uz Markdown konvertētājs
Konvertē HTML uz tīru Markdown. Apstrādā virsrakstus, sarakstus, saites, attēlus, koda blokus, tabulas un blokā citātus. Lieliski piemērots satura pārvietošanai no CMS.
Izmēģināt
Markdown uz HTML konvertētājs
Konvertē Markdown uz tīru HTML ar tiešraides priekšskatījumu. Izmantojiet avota skatu, lai kopētu ielīmēšanai gatavu HTML blogiem, CMS vai e-pasta veidnēm.
Izmēģināt
Mermaid diagrammu redaktors
Raksti blokshēmas, secības diagrammas, Ganta diagrammas un citas Mermaid sintaksē ar tiešraides priekšskatījumu. Eksportē kā SVG vai PNG. Darbojas tikai pārlūkprogrammā.
Izmēģināt