📝
Markdown redaktorius nemokamai
Rašykite ir peržiūrėkite Markdown realiuoju laiku. Palaiko antraštes, paryškinimą, kursyvą, kodo blokus, lenteles ir sąrašus.
Veikia neprisijungus, kai įkeliama
85 žodžiai · 577 simboliai
Markdown
Peržiūra
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Sveiki atvykę į Markdown redaktorių</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Rašykite <strong>Markdown</strong> kairėje, žiūrėkite tiesioginę peržiūrą dešinėje.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Funkcijos</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>Pusjuodis</strong>, <em>kursyvas</em> ir <del>perbrauktas</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">Eilutės kodas</code> ir aptvertos kodo žymės</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">Saitai</a></li><li class="my-0.5">Sąrašai, citatos, lentelės ir daugiau</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kodo pavyzdys</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 sukūrė John Gruber 2004 metais, kad būtų lengviau rašyti internetui.</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">Funkcija</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">Palaikoma</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Antraštės</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">Sąrašai</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">Lentelės</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">Kodas</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown atmintinė
# Heading 1H1
**bold**Pusjuodis
*italic*Kursyvas
`code`Eilutinis kodas
- itemŽenklelių sąrašas
1. itemNumeruotas sąrašas
> quoteCitata
[text](url)Nuoroda
Vaizdas
---Skyriklis
Dažniausi naudojimo būdai
- Parašykite API dokumentaciją MarkdownNubraižykite galinių taškų aprašymus, prašymo/atsakymo pavyzdžius ir parametrų lenteles Markdown.
- Imkitės Markdown pastabųParašykite struktūrizuotas pastabas Markdown, kurias galima įklijuoti į Notion, Obsidian, Bear ar bet kurią Markdown programą.
- Parašykite GitHub README„MarkdownNubraižykite ir peržiūrėkite savo GitHub saugyklos README su tiesiogine Markdown atvaizdu.
- Parašykite techninę dokumentacijąParašykite ir peržiūrėkite API dokumentaciją, wiki ir techninius vadovus Markdown formatu prieš publikavimą.
- Parašykite tinklaraščio įrašus Markdown formatuNubraižykite tinklaraščio įrašus Markdown formatu„Ghost
Kaip tai veikia
Peržiūrą atvaizduoja rankomis parašytas Markdown analizatorius, integruotas tiesiai į įrankį — jokio marked, jokio remark, jokios išorinės bibliotekos. Jis žetonizuoja šaltinį eilutė po eilutės naršyklėje, konvertuodamas sintaksę į HTML, kuris tada perduodamas per sanitizatorių prieš rodymą.
- 1Žetonizavimas eilutė po eilutėsIndividuali renderMarkdown funkcija padalija jūsų šaltinį pagal naujas eilutes ir eina per jas vienu praėjimu, prioriteto tvarka atitikdama aptvertus kodo blokus, antraštes (H1–H6), citatas, sunumeruotus ir nenumeruotus sąrašus, GFM lenteles (su stulpelių lygiavimu), horizontalias linijas ir pastraipas.
- 2Vidinės sintaksės išplėtimasKiekviena surinkta eilutė ar ląstelė tada apdorojama inlineMarkdown funkcijos, reguliariųjų reiškinių pakeitimų grandinės, kuri apdoroja paryškinimą (** ir __), kursyvą (* ir _), paryškintą-kursyvą (***), perbraukimą (~~), vidinį kodą (), paveikslėlius () ir nuorodas ([tekstas](url)) — paveikslėliai apdorojami prieš nuorodas, kad ! priešdėlis nebūtų neteisingai suvartotas.
- 3Sanitizavimas ir nuotolinių išteklių blokavimasNeapdorotas atvaizdavimo sukurtas HTML perduodamas per sanitizatorių (sanitize-html), kad pašalintų nesaugias žymas ir atributus, tokius kaip <script>, onerror tvarkykles ir javascript: nuorodas. Antras praėjimas (neutralizeRemote) numatytai pakeičia nuotolinius paveikslėlio src reikšmes vietaženkliais, apsaugant, kad peržiūra tyliai nesiųstų duomenų į išorinius serverius, kol nesutinkate.
- 4Eksportas kaip .md arba savarankiškas .htmlMarkdown kopijavimas ar atsisiuntimas įrašo neapdorotą šaltinio tekstą. HTML atsisiuntimas apgaubia sanitizuotą išvestį savarankiškame dokumente su savo vidiniu stilių lapu — Tailwind klasės veikia tik svetainės viduje, todėl eksportas vietoj to sudėlioja paprastas CSS taisykles, kad failas būtų įskaitomas bet kur.
Susiję įrankiai
HTML į Markdown konverteris
Konvertuokite HTML į švarų Markdown. Apdoroja antraštes, sąrašus, nuorodas, vaizdus, kodo blokus, lenteles ir citatas. Puiku turiniui perkelti iš TVS sistemų.
Išbandykite
Markdown į HTML konverteris
Konvertuokite Markdown į švarų HTML su gyvos peržiūros galimybe. Naudokite šaltinio rodinį, kad nukopijuotumėte paruoštą naudoti HTML tinklaraščiams, TVS ar el. pašto šablonams.
Išbandykite
Mermaid diagramų redaktorius
Kurkite srauto diagramas, sekų diagramas, Gantt diagramas ir daugiau Mermaid sintaksė su gyvos peržiūros galimybe. Eksportuokite kaip SVG arba PNG. Veikia visiškai jūsų naršyklėje.
Išbandykite