📝
Gratis Markdown-redakteur
Skryf en voorbeskou Markdown intyds. Ondersteun opskrifte, vetdruk, kursief, kodeblokke, tabelle en lyste.
Werk vanlyn sodra gelaai
93 woorde · 594 karakters
Markdown
Voorskou
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Welkom by die Markdown-redigeerder</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Skryf <strong>Markdown</strong> aan die linkerkant, sien die regstreekse voorskou aan die regterkant.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kenmerke</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>Vetdruk</strong>, <em>kursief</em> en <del>deurdeling</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">Ingebedde kode</code> en omheinde kodeblokkke</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">Skakels</a></li><li class="my-0.5">Lyste, aanhalinge, tabelle en meer</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kodevoorbeeld</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 is in 2004 deur John Gruber geskep om die skryf vir die web makliker te maak.</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">Kenmerk</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">Ondersteund</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Kopstukke</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">Lyste</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">Tabelle</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">Kode</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown-spiekbriefie
# Heading 1H1
**bold**Vet
*italic*Kursief
`code`Inlynkode
- itemKolpuntlys
1. itemGenommerde lys
> quoteBlokwysig
[text](url)Skakel
Afbeelding
---Verdeler
Algemene gebruike
- Skryf API-dokumentasie in MarkdownTeken eindpuntbeskrywings, versoek-/antwoord-voorbeelde en parametertabelle in Markdown.
- Skryf Markdown-notasSkryf gestruktureerde notas in Markdown wat in Notion, Obsidian, Bear of enige Markdown-app geplak kan word.
- Skryf GitHub README in MarkdownSkepper en besigtig u GitHub-verhaal README met lewendige Markdown-weergewing.
- Skryf tegniese dokumentasieSkryf en besigtig API-dokumente wiki's en tegniese gidse in Markdown voordat u dit publiseer.
- Skryf blogloodsies in MarkdownSkepper blogloodsies in Markdown vir Ghost Jekyll Hugo Hashnode en ander Markdown-gebaseerde publikasieplatforms.
Hoe dit werk
Die voorskou word deur 'n handgeskrewe Markdown-ontleder direk in die nutsprogram gerender — geen marked, geen remark, geen eksterne biblioteek nie. Dit tokeniseer die bron lyn-vir-lyn in die blaaier, en skakel sintaksis om na HTML wat dan deur 'n saniteerder gevoer word voor vertoning.
- 1Lyn-vir-lyn-tokeniseringDie pasgemaakte renderMarkdown-funksie verdeel jou bron op nuwe lyne en loop in een deurgang deur hulle, en pas omheinde kodeblokke, opskrifte (H1–H6), aanhalingsblokke, geordende en ongeordende lyste, GFM-tabelle (met kolom-belyning), horisontale reëls, en paragrawe in prioriteitsvolgorde toe.
- 2Inlyn-sintaksis-uitbreidingElke versamelde lyn of sel word dan deur inlineMarkdown verwerk, 'n ketting van reëlmatige-uitdrukking-vervangings wat vetdruk (** en __), kursief (* en _), vetdruk-kursief (***), deurhaal (~~), inlyn-kode (), beelde (), en skakels ([teks](url)) hanteer — beelde word voor skakels opgelos sodat die !-voorvoegsel nie verkeerd verbruik word nie.
- 3Saniteerring en afgeleë-hulpbron-blokkeringDie rou HTML deur die renderer geproduseer word deur 'n saniteerder (sanitize-html) gevoer om onveilige etikette en eienskappe soos <script>, onerror-hanteerders, en javascript:-hrefs te strip. 'n Tweede deurgang (neutralizeRemote) vervang afgeleë beeld-src-waardes met plekhouers by verstek, wat voorkom dat die voorskou stilweg na eksterne bedieners bel voordat jy inteken.
- 4Voer uit as .md of eiestandige .htmlOm Markdown te kopieer of af te laai skryf die rou bronteks. Om HTML af te laai omhul die gesaniteerde uitset in 'n selfbevatte dokument met sy eie inlyn-stylblad — Tailwind-klasse werk slegs binne die webwerf, dus bundel die uitvoer gewone CSS-reëls eerder, wat die lêer oral leesbaar maak.
Verwante gereedskap
HTML na Markdown-omskakelaar
Skakel HTML om om Markdown skoon te maak. Hanteer opskrifte, lyste, skakels, beelde, kodeblokke, tabelle en blokaanhalings. Ideaal om inhoud uit CMS'e te skuif.
Probeer dit
Markdown na HTML-omskakelaar
Skakel Markdown om na skoon HTML met regstreekse voorskou. Gebruik die bronaansig om gereed-vir-plak HTML vir blogs, CMS'e of e-possjablone te kopieer.
Probeer dit
Mermaid-diagramredigeerder
Skryf vloeidiagramme, volgordediagramme, Gantt-kaarte en meer in Mermaid-sintaksis met 'n lewendige voorskou. Voer uit as SVG of PNG. Loop volledig in jou blaaier.
Probeer dit