Ga naar hoofdinhoud
LibraTool logoLibraTool

Gratis Markdown naar HTML-converter

Converteer Markdown naar schone HTML met livevoorvertoning. Gebruik de bronweergave om kant-en-klare HTML te kopiëren voor blogs, CMS'en of e-mailsjablonen.

Werkt offline na het laden
HTML-uitvoer verschijnt hier…

Veelvoorkomend gebruik

  • Publiceer Markdown naar een CMSConverteer Markdown-notities naar HTML om in CMS'en in te plakken die alleen HTML accepteren.
  • Bouw HTML-e-mailinhoud opConverteer Markdown naar HTML voor transactionele e-mails en nieuwsbrieven.
  • Bekijk README-bestanden lokaalPlak uw README.md om te zien hoe deze op GitHub, GitLab of npm wordt weergegeven.
  • Genereer paginainhoud voor statische sitesConverteer Markdown-inhoud naar HTML voor handgebouwde statische sites of eenmalige pagina's.
  • Bouw documentatie-HTML opConverteer interne Markdown-documenten naar HTML voor inbedding in apps, helpcentra of kennisbases.

Hoe het werkt

De omzetting gebeurt volledig in je browser door een zelfgeschreven Markdown-parser — geen bibliotheek van derden, geen serververzoek. De parser loopt regel voor regel door de bron, past blokregels toe (koppen, lijsten, tabellen, codeblokken) en daarna een tweede doorgang met inline regexpatronen voor vet, cursief, links, afbeeldingen en inline code.

  1. 1
    Eerst wordt de blokstructuur geparst
    De parser leest de ruwe Markdown regel voor regel en herkent blokconstructies: codeblokken (met optionele taalklasse), ATX-koppen (# tot en met ######), citaatblokken, genummerde en ongenummerde lijsten inclusief GFM-takenlijsten met selectievakjes, GFM-tabellen met kolomuitlijning, horizontale lijnen en alinea's die zachte regelafbrekingen correct samenvoegen.
  2. 2
    Inline patronen binnen elk blok toegepast
    Nadat de tekst van elk blok HTML-geëscapet is, zet een regexketen in parseInline() inline syntaxis om: afbeeldingen en links (met een witte lijst van URL-schema's die javascript:- en data:-hrefs verwijdert), **vet**, *cursief*, ~~doorgehaald~~ en inline code — in die volgorde van voorrang.
  3. 3
    Live HTML-uitvoer met voorbeeldschakelaar
    De HTML-tekenreeks wordt bij elke toetsaanslag opnieuw berekend via useMemo, zodat het rechterpaneel direct wordt bijgewerkt. Een schakelaar wisselt tussen de ruwe HTML-bronweergave en een weergegeven voorbeeld met de eigen layout-engine van de browser.
  4. 4
    Drie uitvoeropties, inclusief kopiëren als opgemaakte tekst
    Je kunt de ruwe HTML-opmaak kopiëren, een volledig zelfstandig .html-bestand met DOCTYPE en charset-metatag downloaden, of 'Kopiëren als opgemaakte tekst' gebruiken — dat schrijft zowel het MIME-type text/html als text/plain naar het klembord via ClipboardItem van de Clipboard API, zodat het opgemaakte resultaat zonder extra stappen in Gmail, Google Docs of Word te plakken is.

Gerelateerde tools

📝

HTML naar Markdown-converter

Converteer HTML naar schone Markdown. Verwerkt koppen, lijsten, koppelingen, afbeeldingen, codeblokken, tabellen en citaatblokken. Perfect voor het migreren van inhoud uit CMS'en.

Probeer het
📝

Markdown-editor

Schrijf en bekijk een voorvertoning van Markdown in realtime. Ondersteunt koppen, vet, cursief, codeblokken, tabellen en lijsten.

Probeer het
🎼

MIDI naar MP3-omzetter

Zet een MIDI-bestand (.mid) om naar MP3 of WAV met een General MIDI-soundfont. Luister in je browser en pas het tempo, de toonsoort of het instrument aan; er wordt niets geüpload.

Probeer het23 MB, eenmalige download

Veelgestelde vragen