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

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.

XML till JSON

Omvandla XML-dokument till ren JSON, med bevarade attribut, textnoder och arrayer där det behövs. Tre stilar: kompakt, Badgerfish eller literal.

Verktyget finns på andra språk