Utilia
Kategorier ▾
Språk: sv ▾

Konvertera HTML till Markdown

Konvertera HTML till Markdown och Markdown till HTML i webbläsaren, med GitHub-tabeller, genomstrykning, uppgiftslistor och säker förhandsvisning.

Konvertering

Förhandsvisning

Förhandsvisningen är sanerad: skript, formulär och händelsehanterare tas bort och externa bilder laddas aldrig.

Så konverterar du HTML till Markdown

  1. Välj riktning: HTML → Markdown eller Markdown → HTML.
  2. Klistra in din kod i inmatningsrutan, eller klicka på Öppna en fil för att läsa in en .html-, .htm-, .md- eller .txt-fil från datorn (upp till 10 MB).
  3. Justera alternativen. För HTML → Markdown kan du välja stil för Rubriker, Listmarkör och Kodblock. För Markdown → HTML är Sanera HTML-koden (ta bort skript och händelsehanterare) påslaget som standard.
  4. Klicka på Konvertera. Resultatet uppdateras också medan du skriver.
  5. Kopiera eller ladda ner resultatet. Byt riktning flyttar resultatet tillbaka till indata så att du kan konvertera åt andra hållet och kontrollera att inget gått förlorat.

Förhandsvisning under resultatet visar hur Markdown-koden renderas, så att du snabbt kan kontrollera konverteringen.

Vad konverteringen från HTML till Markdown gör

Konverteraren läser din HTML med webbläsarens egen parser, i ett inert dokument: skript körs inte och bilder laddas inte ner. Sedan går den igenom sidans struktur och skriver Markdown-motsvarigheten till varje element:

  • <h1> till <h6> blir rubriker. ATX (# Rubrik) skriver # till ######. Setext (understruken) stryker under rubriker på nivå 1 och 2 med === eller --- (nivå 3 till 6 använder alltid #).
  • <strong> och <b> blir **fet**, <em> och <i> blir _kursiv_, och inline-<code> får bakåtfnuttar.
  • Länkar blir [text](url "titel") och bilder blir ![alt](src).
  • Listor använder den valda markören (-, * eller +). Numrerade listor behåller sitt start-nummer, och nästlade listor får indrag.
  • <pre><code> blir ett kodblock, antingen Inhägnade (```) eller Indragna (4 mellanslag).
  • <blockquote>, <hr> och radbrytningar konverteras också.
  • <script>, <style>, <iframe>, <noscript> och liknande element tas bort tillsammans med sitt innehåll.

Tecken som annars skulle läsas som Markdown-syntax, till exempel en * eller en # i början av en rad, föregås av ett omvänt snedstreck så att texten förblir bokstavlig.

GitHub Flavored Markdown

Med GitHub Flavored Markdown (tabeller, ~~genomstrykning~~, uppgiftslistor) ikryssat:

  • Tabeller blir pipe-tabeller med justerade kolumner. Rubriken hämtas från en <thead>-rad eller en rad som bara består av <th>-celler. Finns ingen sådan läggs en tom rubrikrad till, eftersom GFM kräver en. Kolumnjusteringen läses från align="right" eller style="text-align: center". Lodstreck i celler skrivs som \|, radbrytningar blir <br>, och en colspan fylls ut med tomma celler. En <caption> skrivs som ett stycke ovanför tabellen.
  • <del>, <s> och <strike> blir ~~genomstrykning~~.
  • Kryssrutor i början av listpunkter blir punkter i en uppgiftslista: - [x] klart, - [ ] att göra.

Markdown saknar motsvarighet för nästlade tabeller, sammanslagna rader och cellformatering. En tabell som innehåller en annan tabell behålls som rå HTML, vilket de flesta Markdown-renderare accepterar. Utan GFM-alternativet behålls alla tabeller som HTML.

Markdown → HTML

Åt andra hållet renderas Markdown-koden med en parser som följer CommonMark, med GFM-tilläggen när alternativet är på. Resultatet är HTML-fragment, redo att klistra in i ett CMS, en e-postmall eller en webbsida. När Sanera HTML-koden (ta bort skript och händelsehanterare) är ikryssat rensas rå HTML som bäddats in i Markdown-koden: <script>-taggar, onclick-attribut och javascript:-länkar tas bort. Avmarkera det bara för Markdown som du själv har skrivit.

Vanliga frågor

Skickas min HTML till en server?

Nej. Båda konverteringarna körs helt i din webbläsare, och sidan laddar aldrig upp det du klistrar in eller öppnar. Du kan tryggt konvertera intern dokumentation eller utkast.

Är förhandsvisningen säker med HTML som jag inte litar på?

Ja. Förhandsvisning passerar alltid genom DOMPurify: skript, formulär, ramar och händelsehanterare tas bort, länkar öppnas i en ny flik utan åtkomst till den här sidan, och externa bilder laddas aldrig. Bara bilder inbäddade som data:-URL:er visas.

Varför försvinner delar av min sida?

Markdown beskriver bara innehållets struktur. Layoutelement, CSS-klasser, inline-stilar, formulär och inbäddade widgetar har ingen Markdown-form, så bara deras text behålls. Skript och stilar tas bort helt.

Kan jag konvertera en hel webbsida?

Ja. Klistra in hela källkoden, inklusive <html> och <head>: bara innehållet i <body> konverteras. För renare Markdown klistrar du bara in själva artikeln i stället för navigering och sidfot.

Vilken Markdown-variant använder resultatet?

Resultatet följer CommonMark, standarden som stöds av GitHub, GitLab, Obsidian, de flesta generatorer för statiska webbplatser och många CMS-redigerare. Tabeller, genomstrykning och uppgiftslistor följer specifikationen för GitHub Flavored Markdown.

Relaterade verktyg