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

Webpack-konfigurationsgenerator

Skapa en webpack.config.js för webpack 5 med vanlig JavaScript, React eller Vue: TypeScript, Babel, CSS eller Sass, bilder, HtmlWebpackPlugin, en utvecklingsserver och raden för npm install.

Protocol Buffers-avkodare

Avkoda Protobuf-byte lokalt från hex, Base64, Base64URL, text eller fil, granska fälttolkningar och exportera en privat rapport.

XSD-validerare

Validera ett XML-dokument mot ett XSD-schema och rapportera element- och typavvikelser med exakta radnummer.

YAML till JSON

Omvandla YAML-konfiguration till JSON för verktyg och API:er som bara accepterar JSON. Hanterar ankare, merge-nycklar och nästlade strukturer.

XML-formaterare

Snygga till XML-dokument med konsekvent indrag och fånga formfel med exakta radnummer.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

Verktyget finns på andra språk