Softonic

Konverterare från HTML till Markdown

Steg 1 / 2
Konvertera till Markdown

Att överföra en WordPress-artikel till Hugo, arkivera en Confluence-sida som anteckningar eller revidera ett e-postmeddelande med riktext för en dokumentationswiki innebär alltid att konvertera HTML till Markdown. Den här konverteraren mappar rubriker, stycken, listor, länkar, bilder och kodblock till deras Markdown-motsvarigheter, så att innehållet behåller sin struktur utan HTML-överflödet.

Så omvandlar du HTML till Markdown

  1. 1

    Klistra in HTML

    Hela sidor, e-postmeddelanden med formaterad text eller kodavsnitt, allt analyseras.

  2. 2

    Omvandla

    Rubriker, stycken, listor, länkar, bilder och kodblock omvandlas till Markdown.

  3. 3

    Kopiera Markdown

    Lägg in utdata i Obsidian, Hugo, Jekyll, Notion eller ett Git-repo.

Konvertera HTML till Markdown

Konverteraren går igenom DOM och genererar Markdown för varje känd element. Omslutande taggar som <div>, <span>, <section> och <article> tas bort och deras innehåll behålls på rätt nivå i strukturen.

Elementmappning

HTML Markdown-utdata
<h1> till <h6> # till ######
<strong>, <b> **text**
<em>, <i> *text*
<code> inline `text`
<pre><code> kodblock omgivet av tre backticks, med språk om det anges
<a href> [text](url)
<img src alt> ![alt](src)
<ul><li> - item
<ol><li> 1. item
<blockquote> > quote
<hr> ---

Vad som händer med resten

Markdown kan inte uttrycka alla HTML-element. Taggar utan Markdown-motsvarighet tas bort och endast deras textinnehåll behålls:

  • <table>: texten i cellerna behålls, men tabellens rutnät går förlorat. Använd en konverterare med tabellstöd när strukturen är viktig.
  • <del>, <u> och andra inline-stilar: texten behålls, formateringen inte.
  • <video>, <audio>, <iframe>: från dessa inbäddningar genereras inget som kan visas i Markdown.
  • <details> / <summary>: texten inuti behålls, den utfällbara widgeten inte.

För förlustfri konvertering i båda riktningarna, utgå från den ursprungliga Markdown-källan i stället för renderad HTML.

Vanliga frågor

De enkla <div>- och <span>-wrapparna tas bort och deras innehåll publiceras på rätt nivå i strukturen. Avsnitt som endast används för layout blir osynliga i Markdown, vilket vanligtvis är det du vill ha i dokumentation.

Ja. <pre><code class="language-js"> blir ett inramat block med js som språkanvisning. Indenterade kodblock utan angivet språk faller tillbaka på vanliga inramade block.

Texten i <table>-cellerna behålls, men inte själva rutnätet: rader och kolumner bevaras inte, så strukturen går förlorad. Använd en konverterare med tabellstöd när strukturen är viktig.

Nästan, men subtil formatering (länkar i referensstil, tydliga radbrytningar med två mellanrum samt alternativa betoningstecken) kan normaliseras. För förlustfri återföring behåll den ursprungliga Markdown-formateringen.

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.

HTML-formaterare

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

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.

Slumpgenerator för bokstäver

Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.

Verktyget finns på andra språk