Markdown til HTML

Dette konverterer Markdown til HTML med CommonMark pluss GitHub Flavored Markdown (GFM), der myke linjeskift rendres som <br>. Du kan se den rendrede forhåndsvisningen, eller bytte til HTML-kildevisning for å inspisere de genererte taggene. Resultatet er egnet for liming inn i bloggplattformer, e-postverktøy eller hvor som helst HTML godtas.

Eksempel

Markdown-input:

# Release notes

We shipped **three** things this week:

- [x] Faster cold start
- [ ] Dark mode (next week)

See the [docs](https://example.com/docs) for details.

```js
console.log("hello");
```

Rendret HTML-kilde:

<h1>Release notes</h1>
<p>We shipped <strong>three</strong> things this week:</p>
<ul>
<li><input type="checkbox" checked disabled> Faster cold start</li>
<li><input type="checkbox" disabled> Dark mode (next week)</li>
</ul>
<p>See the <a href="https://example.com/docs">docs</a> for details.</p>
<pre><code class="language-js">console.log("hello");
</code></pre>

Vanlige feil og fallgruver

De fleste overraskelser i Markdown-rendering kommer fra et lite sett med syntaksfeller. Hvis forhåndsvisningen ser feil ut, er én av disse som regel årsaken.

• Manglende blank linje foran en liste. "Intro text\n- item" rendres som én paragraf. Sett en blank linje mellom introen og første listeelement.
• Innrykket kodeblokk når du ville hatt en paragraf. Fire innledende mellomrom gjør enhver linje om til en kodeblokk. Fjern innrykket eller bruk en fenced ```-blokk eksplisitt.
• Ødelagt tabell. Hver GFM-tabell trenger en separatorrad (| --- | --- |) med minst tre bindestreker per kolonne, og samme antall rørtegn på hver rad.
• Lenke med mellomrom i URL-en. [click](my page.html) bryter parseren. URL-kod mellomrommet som %20, eller bruk vinkelparenteser: <my page.html>.
• Stjerner inne i ord. wild*card kan rendres som utheving eller ikke, avhengig av teksten rundt. Escape med en bakoverskråstrek: wild\*card.
• HTML-escaping inne i kodeblokker. Limte snutter med &lt; dukker opp bokstavelig fordi de allerede er escapet. Lim inn råkilden før escaping.

Hvilken Markdown-variant støttes?

CommonMark pluss GitHub Flavored Markdown (GFM). Det dekker tabeller, fenced kodeblokker, oppgavelister, gjennomstreking og autolinkede URL-er. Linjeskift inne i paragrafer blir til <br>-tagger fordi breaks-alternativet er på — dette matcher hvordan kommentarer rendres på GitHub og i de fleste chatteapper.

Blir HTML i Markdown-en min sanitisert?

Nei. Den rendrede forhåndsvisningen slipper rå HTML gjennom som standard. Dette holder ting som innebygde <details> eller <kbd> i gang. Ikke lim inn upålitelig Markdown og kopier resultatet inn på en offentlig side uten å kjøre det gjennom en sanitizer som DOMPurify først.

Støttes fotnoter, matte eller diagrammer?

Nei. Dette er ren GFM. Fotnoter, matte (KaTeX/MathJax) og Mermaid-diagrammer er GitHub- eller plattformutvidelser og rendres ikke her. Hvis du trenger dem, bruk en Markdown-renderer konfigurert med de aktuelle pluginene, eller lim resultatet inn i en plattform som rendrer dem.

Hva skjer når jeg klikker Kopier HTML?

Den rendrede HTML-kilden skrives til utklippstavlen via Clipboard API. Du får HTML-en uten side-chrome rundt — bare taggene som representerer Markdown-en din. Lim inn i et CMS, en e-posteditor eller direkte i en fil. Ingen filer opprettes på disk.

Hvorfor ser tabellene mine skeivt justert ut?

GFM-tabeller trenger en header-rad, en separatorrad med minst tre bindestreker per kolonne, og rørtegn mellom cellene. Et manglende rørtegn eller en separatorrad med bare to bindestreker feiler stille. Bytt til HTML-kildevisning for å se om en <table> faktisk ble produsert.

Lagrer dere Markdown-en jeg limer inn her?

Nei. Vi lagrer ingen Markdown du skriver eller limer inn, og vi beholder heller ikke den rendrede HTML-en du laster ned. Alt forkastes så snart du lukker eller oppdaterer fanen — ingen logger, ingen spor hos oss av hva du skrev. Du kan sjekke nettleserens utviklerverktøy hvis du vil.