📝
Gratis Markdown-editor
Skriv og forhåndsvis Markdown i realtid. Understøtter overskrifter, fed, kursiv, kodeblokke, tabeller og lister.
Virker offline, når den er indlæst
85 ord · 557 tegn
Markdown
Forhåndsvisning
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Velkommen til Markdown Editor</h2>
<p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">Skriv <strong>Markdown</strong> til venstre, se direkte forhåndsvisning til højre.</p>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Funktioner</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>Fed</strong>, <em>kursiv</em> og <del>gennemstregning</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">Inline-kode</code> og kodeblokke</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">Links</a></li><li class="my-0.5">Lister, citater, tabeller og meget mere</li></ul>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Kodeeksempel</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 blev skabt af John Gruber i 2004 for at gøre webskrivning nemmere.</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">Funktion</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">Understøttet</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">Overskrifter</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">Lister</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">Tabeller</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-oversigt
# Heading 1H1
**bold**Fed
*italic*Kursiv
`code`Inline-kode
- itemPunktliste
1. itemNummereret liste
> quoteBlokcitat
[text](url)Link
Billede
---Skillelinje
Almindelige anvendelser
- Skriv API-dokumentation i MarkdownUdkast slutpunktsbeskrivelser, anmodning/svar eksempler og parametertabeller i Markdown.
- Tag Markdown-noterSkriv strukturerede noter i Markdown, der kan indsættes i Notion, Obsidian, Bear eller enhver Markdown-app.
- Skriv en GitHub README i MarkdownUdkast og forhåndsvisning af dit GitHub-arkivs README med live Markdown-gengivelse.
- Skriv teknisk dokumentationSkriv og forhåndsvisning af API-dokumentation, wikier og tekniske vejledninger i Markdown før offentliggørelse.
- Skriv blogindlæg i MarkdownUdkast blogindlæg i Markdown til Ghost, Jekyll, Hugo, Hashnode og andre Markdown-baserede publiceringsplatforme.
Sådan fungerer det
Forhåndsvisningen laves af en håndskrevet Markdown-parser bygget direkte ind i værktøjet — ingen marked, ingen remark, intet eksternt bibliotek. Den tokeniserer kilden linje for linje i browseren og omdanner syntaksen til HTML, som derefter sendes gennem en renser før visning.
- 1Tokenisering linje for linjeDen egne renderMarkdown-funktion deler din kilde ved linjeskift og gennemgår linjerne i ét gennemløb og genkender kodeblokke, overskrifter (H1–H6), citatblokke, nummererede og unummererede lister, GFM-tabeller (med kolonnejustering), vandrette linjer og afsnit i prioriteret rækkefølge.
- 2Udfoldning af inline-syntaksHver samlet linje eller celle behandles derefter af inlineMarkdown, en kæde af regex-udskiftninger, der håndterer fed (** og __), kursiv (* og _), fed kursiv (***), gennemstreget (~~), inline-kode (), billeder () og links ([text](url)) — billeder løses før links, så !-præfikset ikke opbruges forkert.
- 3Rensning og blokering af eksterne ressourcerDen rå HTML, som renderen laver, sendes gennem en renser (sanitize-html), der fjerner usikre tags og attributter som <script>, onerror-behandlere og javascript:-hrefs. Et andet gennemløb (neutralizeRemote) erstatter som standard eksterne billed-src-værdier med pladsholdere, så forhåndsvisningen ikke i det stille kontakter eksterne servere, før du tillader det.
- 4Eksportér som .md eller selvstændig .htmlKopiering eller download af Markdown skriver den rå kildetekst. Download af HTML pakker det rensede output ind i et selvstændigt dokument med sit eget inline-stylesheet — Tailwind-klasser virker kun på sitet, så eksporten medbringer i stedet almindelige CSS-regler, så filen kan læses overalt.
Relaterede værktøjer
HTML til Markdown-konverter
Konverter HTML til ren Markdown. Håndterer overskrifter, lister, links, billeder, kodeblokke, tabeller og blokcitater. Perfekt til at flytte indhold ud af CMS-systemer.
Prøv det
Markdown til HTML-konverter
Konverter Markdown til ren HTML med liveforhåndsvisning. Brug kildevisningen til at kopiere klar-til-indsæt HTML til blogs, CMS-systemer eller e-mailskabeloner.
Prøv det
Mermaid-diagrameditor
Skriv rutediagrammer, sekvensdiagrammer, Gantt-diagrammer og mere i Mermaid-syntaks med liveforhåndsvisning. Eksporter som SVG eller PNG. Kører udelukkende i din browser.
Prøv det