UltKit

Konvertera HTML till Markdown

HTML är formatet som innehåll levereras i, Markdown är formatet allt fler föredrar att skriva och lagra det i. Den här konverteraren gör om .html-filer till läsbar .md-text, så att ett bloggarkiv, ett hjälpcenter eller en sparad artikel kan flyttas till en statisk webbplats, ett anteckningsvalv eller ett Git-repo.

Dokumentkonverterare

eller släpp PDF, DOC, DOCX …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

  1. 1

    Ladda upp HTML-filer

    Lägg till .html- eller .htm-filer, upp till 20 per omgång och 95 MB per fil. En sida som sparats från en webbläsare, en export från ett CMS eller en handskriven fil fungerar lika bra.

  2. 2

    Kontrollera textinställningarna

    Konvertera till är Markdown, Formatering är Enkel, Textkodning är UTF-8 och Radslut är LF, vilket passar Git, statiska webbplatsgeneratorer och redigerare i macOS eller Linux.

  3. 3

    Konvertera till Markdown

    Tryck på Konvertera till Markdown och öppna sedan .md-filen i valfri textredigerare för att ta bort menyer eller sidfötter som blivit kvar. Uppladdade filer raderas efter 30 minuter.

För att konvertera HTML till Markdown laddar du upp .html-filen och trycker på Konvertera till Markdown: rubriker blir #-rader, länkar blir text, listor behåller sina punkter och nummer, och enkla tabeller blir tabeller med lodräta streck.

HTML till Markdown: vem behöver det och varför

John Gruber publicerade Markdown 2004, tillsammans med Aaron Swartz, som ett sätt att skriva för webben i ren text som går att läsa naturligt redan innan den renderas. Tjugo år senare är det det naturliga formatet för README-filer på GitHub, statiska webbplatsgeneratorer som Jekyll och Hugo, dokumentationsverktyg, anteckningsappar som Obsidian och innehållsmapparna på många moderna webbplatser.

Det skapar ett jämnt flöde i motsatt riktning mot det vanliga. Team som lämnar ett databasdrivet CMS behöver år av inlägg som .md-filer. Skribenter sparar artiklar i ett anteckningsvalv. Utvecklare flyttar ett gammalt HTML-hjälpavsnitt till ett dokumentation-som-kod-arkiv där ändringar granskas i pull requests. I alla fall är HTML-koden den enda kopian, och att skriva om den för hand är inte realistiskt. För Word-dokument är motsvarande jobb DOCX till Markdown.

Vilka HTML-element som har en motsvarighet i Markdown

from ↓ · to →CommonMarkGitHub Flavored Markdown
Rubriker h1–h6Rubriker h1–h6 to CommonMark: yesRubriker h1–h6 to GitHub Flavored Markdown: yes
Länkar och bilderLänkar och bilder to CommonMark: yesLänkar och bilder to GitHub Flavored Markdown: yes
Listor och blockcitatListor och blockcitat to CommonMark: yesListor och blockcitat to GitHub Flavored Markdown: yes
Kod- och pre-blockKod- och pre-block to CommonMark: yesKod- och pre-block to GitHub Flavored Markdown: yes
Enkla tabeller– Enkla tabeller to CommonMark: noEnkla tabeller to GitHub Flavored Markdown: yes
Genomstruken text– Genomstruken text to CommonMark: noGenomstruken text to GitHub Flavored Markdown: yes
Sammanslagna tabellceller– Sammanslagna tabellceller to CommonMark: no– Sammanslagna tabellceller to GitHub Flavored Markdown: no
Formulär, video, iframes– Formulär, video, iframes to CommonMark: no– Formulär, video, iframes to GitHub Flavored Markdown: no
supported not offeredCommonMark, specificerat från 2014, är den strikta kärnan. GitHub Flavored Markdown, specificerat 2017, lägger till tabeller, genomstruken text och uppgiftslistor. Allt som saknar motsvarighet i Markdown kan ligga kvar som rå HTML, vilket båda tillåter.

Resultatet från HTML till Markdown: vad du kan förvänta dig

Klassnamn, inbäddade stilar, skript och layout-divar tas bort, eftersom Markdown beskriver betydelse och inte utseende. Fetstil och kursiv stil blir dubbla och enkla asterisker, radbrytningar inom ett stycke slås ihop och teckenentiteter som   blir vanliga tecken i UTF-8. Räkna med att .md-filen blir en bråkdel av HTML-filens storlek: orden finns kvar och koden försvinner.

MytMarkdown kan återskapa vilken HTML-layout som helst.

FaktaDet täcker bara textstrukturen. Kolumner, färger och placerade rutor saknar syntax i Markdown och går förlorade eller lämnas som rå HTML.

MytEn konverterad sida är redo att publiceras som den är.

FaktaMenyer, cookiebanners och sidfötter följer med. Rensa bort dem och lägg till front matter om din webbplatsgenerator förväntar sig det.

MytMarkdown-resultatet fungerar likadant överallt.

FaktaTabeller och genomstruken text kräver en renderare för GitHub Flavored Markdown. Strikta CommonMark-verktyg visar dem som vanlig text.

Fakta om formaten HTML och Markdown

HTML

HyperText Markup Language

HTML är webbens märkspråk, som Tim Berners-Lee först beskrev i början av 1990-talet och som numera underhålls av WHATWG som en levande standard. En HTML-fil beskriver rubriker, stycken, länkar, tabeller, bilder och formulär, medan utseendet oftast kommer från CSS. Alla webbläsare visar det, och det används också för e-postmallar och sparade webbsidor. En enskild HTML-fil är ofta beroende av externa bilder och stilmallar, så den kan se trasig ut när den flyttas ensam.

Komprimering
–
Transparens
–
Animation
–
Introducerades
1993 · Tim Berners-Lee; maintained by WHATWG
HTML-omvandlare

MD

Markdown

Markdown är en lättviktig syntax för märkning som John Gruber skapade 2004. Den använder symboler i ren text, som # för rubriker, * för betoning och - för listor, som förblir läsbara som råtext och konverteras rent till HTML. Det är standard för README-filer, dokumentation, wikis, anteckningsappar och många generatorer för statiska webbplatser. Det finns flera dialekter, som CommonMark och GitHub Flavored Markdown, som skiljer sig i detaljer som tabeller. Vilken textredigerare som helst kan öppna .md-filer.

Komprimering
–
Transparens
–
Animation
–
Introducerades
2004 · John Gruber
MD-omvandlare

HTML konverteras till Markdown när innehåll lämnar platsen där det visades: en blogg som flyttar till en statisk webbplatsgenerator, ett hjälpcenter som hamnar i ett Git-baserat dokumentationsarkiv eller artiklar som sparas i ett Obsidian-valv där ren, läsbar text är viktigare än kod.

Frågor om HTML till MD

Kan jag konvertera en sparad webbsida tillsammans med bilderna?

Konverteraren läser den .html-fil du laddar upp. Bildtaggar blir Markdown-bildlänkar som pekar på samma sökvägar eller webbadresser som sidan använde, så bilder som ligger online fungerar fortfarande. Webbläsarens lokala bildmapp från Spara sida som laddas inte upp tillsammans med filen. Kopiera den bredvid .md-filen så stämmer de relativa sökvägarna fortfarande.

Vad händer med menyer, sidofält och sidfötter?

Allt i filen konverteras, eftersom verktyget inte kan veta vilken del av sidan som är själva artikeln. För ett rent resultat sparar du inlägget utan tema där ditt CMS tillåter det, eller tar bort navigeringsraderna överst och nederst i Markdown-filen efteråt.

Hur flyttar jag WordPress-inlägg till Hugo eller Jekyll?

WordPress inbyggda export är en XML-fil, inte HTML. Konvertera i stället HTML-koden för varje inlägg, kopierad från kodredigeraren eller sparad från webbläsaren. Lägg sedan till front matter överst i varje .md-fil, alltså blocket mellan två rader med tre bindestreck som innehåller titel, datum och taggar. Både Hugo och Jekyll läser det därifrån.

Varför ser vissa tabeller konstiga ut i Markdown?

Markdown-tabeller, som tillkom med GitHub Flavored Markdown, har en rubrikrad och inga sammanslagna celler. En enkel HTML-tabell konverteras rent. En tabell med colspan, rowspan eller nästlade listor saknar motsvarighet i Markdown och plattas därför till. Markdown tillåter rå HTML, så du kan klistra in originaltabellen igen där layouten är viktig.

Är Markdown ett bra format för att mata AI- eller sökverktyg med sidor?

Ofta, ja. Markdown behåller den struktur som spelar roll, alltså rubriker, listor, länkar och betoning, men tar bort attribut, skript och formatering, så samma artikel blir mycket kortare och enklare att bearbeta. Använd HTML till TXT om du inte vill ha någon markering alls.