Softonic

Konverterare från Markdown till HTML

Steg 1 / 3
Nästa

Kopiera Markdown och få tillbaka ren semantisk HTML – <h1> till <h6>, <ul>, <ol>, <table>, <pre><code> med markerad syntax, <blockquote> samt självkopplade URL:er. Välj hela dokumentet (med <html>, <head> och en minimal stilblad) eller ett fragment (endast innehållet i texten), beroende på om du ska integrera det i en befintlig sidan eller skapa en fristående fil.

Så här omvandlar du Markdown till HTML

  1. 1

    Klistra in Markdown

    Hela dokumentet eller ett avsnitt. YAML-frontmatter tas bort automatiskt om det finns.

  2. 2

    Välj utökningsuppsättning

    Endast CommonMark, GFM (tabeller, uppgiftslistor, automatiska länkar) eller GFM med matematik.

  3. 3

    Välj utdataläge

    Fragment för inbäddning eller hela HTML-dokument med huvuddel och minimalt CSS.

  4. 4

    Kopiera eller ladda ner HTML

    Hämta HTML-koden som text eller spara den som en `.html`-fil.

Mappningstabell

Markdown HTML
# Heading 1 <h1>Heading 1</h1>
**bold** <strong>bold</strong>
*italic* <em>italic</em>
`code` <code>code</code>
Avgränsad kod med språk <pre><code class="language-js">
- item <ul><li>item</li></ul>
1. item <ol><li>item</li></ol>
> quote <blockquote><p>quote</p></blockquote>
[text](url) <a href="url">text</a>
![alt](src) <img src="src" alt="alt">
--- <hr>
GFM-tabell <table><thead>...</thead>...
- [x] done <input type="checkbox" checked disabled>

Syntaksmarkering

Avgränsade kodblock med språkhintar får attributet class="language-xxx" på elementet <code>. Konverteraren inkluderar även den tokeniserade utdata från highlight.js när du aktiverar funktionen “pre-highlighted” – vilket är användbart om målsidan inte körs med en highlighter.

Hela dokumentet jämfört med ett fragment

  • Fragment är endast den inre HTML-kodan – börja med <h1> eller vilket första element som helst. Klicka och infoga i en befintlig CMS-block, e-postkropp eller frontend-komponent.
  • Hela dokumentet omsluter fragmentet i <!DOCTYPE html>, <html> och <head> med ett litet standardstilblad (typografi, kodblock, tabeller). Spara det som .html så öppnas det i vilken webbläsare som helst utan att några ytterligare filer behövs.

Inline vs. extern CSS

  • Inbäddade stilar (aktivera/stäng av): placerar all CSS direkt på elementen. Kanske oattraktivt, men helt tillförlitligt för e-postmallar.
  • Klasser (standardinställning) håller HTML-koden ren och förväntar sig att webbplatsens stilblad hanterar stilen.

Tillgänglighetsinformation

  • Rubriker visas semantiskt som <h1>–<h6> och bevarar din hierarki. Hoppa inte över nivåer i källkoden.
  • Bilder utan alternativtext genererar <img alt=""> (en medvetet tom alternativtext för dekorativa bilder) – men lägg till alternativtext om inte bilden verkligen är en dekorativ bild.
  • Tabeller får <thead> för huvudraden, vilket förbättrar navigeringen i skärmbaserade läsprogram.

Vanliga frågor

Ja. Rå HTML i källkoden överförs utan att skripttaggar eller händelseattribut tas bort. Om du behöver en obehandlad utdata (du litar på inmatningen) finns det ett avstängningsalternativ – använd det inte för innehåll som användaren har ange.

GFM-uppgiftslistor (- [x], - [ ]) omvandlas till <input type="checkbox" disabled>-element. Egenskapen disabled förhindrar oavsiktliga tillståndsändringar i den renderade visningen.

Ja – aktivera inre stilar. Konverteraren infogar ett minimalt stilsattribut i varje block, vilket är nödvändigt för e-postprogram (Outlook, Gmail) eftersom de tar bort <style>-blocken.

Aktivera matematikutvidgningen och gör att $x^2$- eller $$...$$-block kan renderas via KaTeX. Konverteraren genererar statisk SVG- eller HTML-kod – ingen MathJax under körning krävs.

Nej, analys och generering av HTML sker i din webbläsare. Källkoden och resultatet lämnar aldrig din enhet.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Generera en .editorconfig-fil med dina regler för indragsstil och -storlek, radslut, teckenuppsättning och blanksteg för enhetlig formatering i alla IDE:er och editorer.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

Verktyget finns på andra språk