Markdown naar HTML: voorbeeld, HTML-code en download

Met deze Markdown naar HTML-converter plak je tekst met Markdown-opmaak en zie je meteen het voorbeeld en de kant-en-klare HTML-code. Koppen, lijsten, tabellen, code, links en afbeeldingen worden ondersteund. Ingebouwde HTML wordt nooit uitgevoerd, maar als tekst getoond.

Bron: CommonMark Spec 0.31 (referentie voor blokken, lijsten, nadruk en links). Bijgewerkt: .

Tabellen, ~~doorhalen~~, takenlijsten en automatische links voor https://-adressen.
Een enkel regeleinde in de tekst wordt een afbreking, zoals in GitHub-opmerkingen. Standaard is het een spatie.
Mijn toolboxJe invoer wordt alleen in deze browser opgeslagen.

Plak of typ Markdown. Ruwe HTML in de tekst wordt als tekst weergegeven en niet uitgevoerd.

Je tekst blijft in je browser: hij wordt niet verstuurd, niet opgeslagen en niet in de adresbalk gezet.

Voorbeeld

Resultaat

HTML-code
<h1>Welkom</h1> <p>Dit is een <strong>voorbeeld</strong> met <em>nadruk</em>, <code>code</code> en een <a href="https://example.com">link</a>.</p> <ul> <li>Eerste punt</li> <li>Tweede punt <ul> <li>Subpunt</li> </ul> </li> </ul> <table> <thead> <tr> <th>Naam</th> <th align="right">Waarde</th> </tr> </thead> <tbody> <tr> <td>A</td> <td align="right">1</td> </tr> </tbody> </table> <blockquote> <p>Een citaat</p> </blockquote> <pre><code class="language-js">console.log(&quot;Hallo&quot;); </code></pre>
Omvang
504 tekens HTML, 1 koppen, 1 links, 1 tabellen, 1 codeblokken.

Zo wordt het berekend

Markdown is een eenvoudige manier om opgemaakte tekst te schrijven: # voor koppen, **vet**, - punt voor lijsten. Deze tool zet het om in HTML die je kunt plakken in webpagina’s, nieuwsbrieven, winkelbeschrijvingen of een cms.

Zo zet je Markdown om in HTML

  1. Plak je Markdown-tekst in het veld of gebruik de voorbeeldtekst.
  2. Bekijk het voorbeeld: zo ziet de tekst eruit als webpagina.
  3. Kopieer de HTML-code of download hem. Met “Volledig HTML-document” krijg je een kant-en-klare pagina waarvan de titel uit de eerste kop komt.

Wat wordt ondersteund

Koppen (met # en met onderstreping), alinea’s, nadruk, vet, code in de tekst en in blokken met taalaanduiding, citaten, geneste lijsten, scheidingslijnen, links (ook met verwijzingen), afbeeldingen en automatische links. De GitHub-uitbreidingen voegen tabellen met uitlijning, doorhalen, takenlijsten en automatische links toe. De omzetting volgt CommonMark, maar dekt niet elk bijzonder geval.

Veiligheid en grenzen

Je tekst blijft in je browser en wordt niet verstuurd of opgeslagen.

Veelgestelde vragen

Hoe zet ik Markdown om in HTML?

Plak de Markdown-tekst in het veld en de HTML-code verschijnt direct. Je kunt hem kopiëren of als bestand downloaden. Het voorbeeld laat zien hoe het resultaat eruitziet.

Welke Markdown-syntaxis wordt ondersteund?

CommonMark met de GitHub-uitbreidingen: koppen, lijsten, citaten, code, links, afbeeldingen, tabellen, doorhalen en takenlijsten. Voetnoten en formules horen er niet bij.

Is de HTML veilig?

Ja. Ingebouwde HTML en scripts worden niet doorgegeven maar als tekst geëscaped, en gevaarlijke linkdoelen worden verwijderd. Controleer bij tekst van anderen toch waar links naartoe leiden.

Kan ik eigen HTML in Markdown gebruiken?

Nee, dat is bewust uitgesloten zodat het resultaat veilig blijft. Voeg je eigen tags na de omzetting toe in de HTML-code.

Hoe krijg ik tabellen en takenlijsten?

Laat de GitHub-uitbreidingen aan staan. Schrijf tabellen met verticale streepjes en een scheidingsregel van koppeltekens, en taken als “- [ ] open” en “- [x] klaar”.

Wordt mijn tekst opgeslagen?

Nee. De omzetting gebeurt in je browser; de tekst wordt niet verstuurd, niet opgeslagen en niet in de adresbalk gezet.

Bronnen en wettelijke basis

Bijgewerkt op: · Redactioneel beleid

Vergelijkbare tools