Hoppa till huvudinnehåll
LibraTool logoLibraTool

Gratis Markdown till HTML-konverterare

Konvertera Markdown till ren HTML med liveförhandsvisning. Använd källvyn för att kopiera färdig HTML för bloggar, CMS:er eller e-postmallar.

Fungerar offline när den väl lästs in
HTML-utdata visas här…

Vanliga användningar

  • Publicera Markdown till en CMSKonvertera Markdown-anteckningar till HTML för inklistring i CMS som bara accepterar HTML.
  • Bygg HTML-e-postinnehålKonvertera Markdown till HTML för transaktions-e-post och nyhetsbrev.
  • Förhandsgranska README-filer lokaltKlistra in din README.md för att se hur den kommer att renderas på GitHub, GitLab eller npm.
  • Generera sidinnehål för statiska webbplatserKonvertera Markdown-brödtext till HTML för handbyggda statiska webbplatser eller engångssidor.
  • Bygg dokumentations-HTMLKonvertera interna Markdown-dokument till HTML för inbäddning i appar, hjälpcenter eller kunskapsbaser.

Så här fungerar det

Omvandlingen sker helt i din webbläsare av en handskriven Markdown-tolk — inget tredjepartsbibliotek, ingen serverförfrågan. Tolken går igenom källan rad för rad och tillämpar blocknivåregler (rubriker, listor, tabeller, inramad kod) och sedan en andra genomgång av inline-regexmönster för fet, kursiv, länkar, bilder och infogad kod.

  1. 1
    Blockstruktur tolkas först
    Tolken läser den råa Markdown rad för rad, och identifierar blocknivåkonstruktioner: inramade kodblock (med valfri språkklass), ATX-rubriker (# till ######), citatblock, numrerade och punktade listor inklusive GFM-uppgiftslistekryssrutor, GFM-tabeller med kolumnjustering, horisontella linjer, och stycken som korrekt slår ihop mjukt radbrutna fortsättningsrader.
  2. 2
    Inline-mönster tillämpade inom varje block
    Efter att varje blocks text HTML-escapats omvandlar en regexkedja i parseInline() inline-syntax: bilder och länkar (med URL-schema-vitlistning som tar bort javascript:- och data:-hreferenser), **fet**, *kursiv*, ~~genomstruken~~ och infogad kod — i den prioritetsordningen.
  3. 3
    Levande HTML-utdata med förhandsvisningsväxel
    HTML-strängen räknas om via useMemo vid varje tangenttryckning, så att den högra panelen uppdateras direkt. En växel byter mellan den råa HTML-källvyn och en renderad förhandsvisning med webbläsarens egen layoutmotor.
  4. 4
    Tre utdataalternativ inklusive kopiering av rik text
    Du kan kopiera den råa HTML-koden, ladda ned en komplett fristående .html-fil med DOCTYPE och teckenkodnings-metatagg, eller använda 'Kopiera rik text' — som skriver både MIME-typerna text/html och text/plain till urklipp via Clipboard API:ets ClipboardItem, så att det formaterade resultatet klistras in direkt i Gmail, Google Dokument eller Word utan extra steg.

Relaterade verktyg

📝

HTML till Markdown-konverterare

Konvertera HTML till ren Markdown. Hanterar rubriker, listor, länkar, bilder, kodblock, tabeller och blockcitat. Perfekt för att flytta innehåll ut ur CMS:er.

Prova det
📝

Markdown-redigerare

Skriv och förhandsgranska Markdown i realtid. Stöder rubriker, fetstil, kursiv stil, kodblock, tabeller och listor.

Prova det
🎼

MIDI till MP3-konverterare

Konvertera en MIDI-fil (.mid) till MP3 eller WAV med en General MIDI-ljudbank. Lyssna i webbläsaren och ändra tempo, tonart eller instrument; inget laddas upp.

Prova det23 MB, laddas ner en gång

Vanliga frågor