Blogginlägg och webbinnehåll
Skriv ditt utkast i Markdown och klistra sedan in ren HTML-kod i ett CMS, en mall eller ett verktyg för att skapa e-postmeddelanden.
Markdown till HTML-konverterare — Omvandla Markdown till snygg, färdig HTML medan du skriver.
Klistra in eller skriv Markdown så visas HTML-koden direkt, med en förhandsgranskning i realtid om du vill se hur det kommer att se ut. Verktyget hanterar rubriker, listor, tabeller, uppgiftslistor och kodblock. Kopiera resultatet, ladda ner det som en fil eller formatera det som en helsida. Allt sker direkt i din webbläsare.
Konvertera Markdown
Din text sparas i din webbläsare
Markdown-inmatning
Alternativ
HTML-utdata
Förhandsgranskning i realtid
–Input words
–Headings
–Links
–HTML-storlek
Guiden
Guide till konvertering från Markdown till HTML: Skriv enkelt, publicera var som helst
Vad Markdown är och hur det omvandlas till HTML.
Vad är en Markdown-till-HTML-konverterare?
Markdown är ett enkelt sätt att skriva formaterad text med vanliga tecken. En Markdown-till-HTML-konverterare omvandlar texten till de HTML-taggar som en webbsida behöver, så att du kan skriva snabbt och ändå få korrekta rubriker, listor, länkar och tabeller.
Eftersom Markdown är lättläst redan innan det konverteras är det populärt för dokumentation, README-filer, anteckningar, bloggutkast och innehåll som flyttas mellan olika verktyg. Den här konverteraren ger dig HTML-koden direkt när du skriver, med en valfri förhandsgranskning och en fullständig sida om du behöver det.
Varför använder man en Markdown-konverterare?
Dokumentation
Omvandla README-filer och anteckningar till HTML som du kan lägga in på en hjälpsida eller en intern webbplats.
Lära sig Markdown
Skriv in några tecken och se exakt vilka HTML-taggar de genererar, sida vid sida.
Hur Markdown omvandlas till HTML
Konverteraren läser din text block för block. En rad som inleds med ett till sex #-tecken blir en rubrik, rader som inleds med ett bindestreck eller en siffra blir listposter, och en rad med tre eller fler bindestreck blir en horisontell linje. Text som omges av ett par trippelbackticks blir ett kodblock, och allt som återstår grupperas i stycken. Inom dessa block skapar tecken som * och _ betoning, och hakparenteser följda av runda parenteser skapar länkar.
| Markdown | HTML |
|---|---|
# Rubrik 1 | <h1>Rubrik 1</h1> |
**fetstil** och *kursivstil* | <strong>fetstil</strong> och <em>kursivstil</em> |
[text](https://example.com) | <a href="https://example.com">text</a> |
- artikel | <ul><li>artikel</li></ul> |
1. steg | <ol><li>steg</li></ol> |
`kod` | <code>kod</code> |
> citat | <blockquote><p>citat</p></blockquote> |
~~borta~~ | <del>borta</del> |
I vanlig Markdown behandlas en enskild radbrytning som ett mellanslag, och ett nytt stycke inleds med en tom rad. Konverteraren stöder även de GitHub-specifika funktioner som de flesta förväntar sig idag: tabeller, uppgiftslistor, genomstrykningar och automatiska länkar.
Så här konverterar du Markdown till HTML
- Klistra in din Markdown-text i inmatningsrutan, öppna en .md-fil eller klicka på ”Exempel” för att se ett exempel.
- Välj dina alternativ: en fullständig HTML-sida, rubrik-ID:n, radbrytningar eller ren HTML.
- Läs HTML-koden i utmatningsrutan, eller växla till Förhandsgranskning för att se hur det ser ut.
- Klicka på ”Kopiera” eller ”Ladda ner” för att spara HTML-koden som en fil.
Enkla tips
- Lämna en tom rad före och efter rubriker, listor, tabeller och kodblock. Det är den vanligaste lösningen när Markdown inte konverteras som förväntat.
- Använd ett inhägnat kodblock med språknamnet efter backticks. HTML-koden får då en språkklass som syntaxmarkerare kan använda.
- Se till att alternativet ”Tillåt rå HTML” är avstängt för text som du inte har skrivit själv.
- Förhandsvisningen använder standardformatering. Det är din egen webbplats CSS som avgör hur HTML-koden slutligen ser ut.
Begränsningar och integritet
Sekretess
Konverteringen sker i din webbläsare. Din Markdown-text laddas inte upp, lagras inte och loggas inte, och både förhandsvisningen och den nedladdade filen skapas på din enhet.
Begränsningar
Detta är en kompakt konverterare som stöder vanliga funktioner i Markdown och GitHub-format. Det är inte en fullfjädrad CommonMark- eller GitHub-motor, vilket innebär att fotnoter, emojikoder, matematiska uttryck och ovanliga specialfall inte hanteras. Ren HTML skickas vidare oförändrad om du tillåter det, så se till att rensa innehåll från otillförlitliga källor innan du publicerar.
Vanliga frågor
Vanliga frågor om Markdown-till-HTML-konverteraren
Vad är Markdown?
Markdown är ett sätt att skriva formaterad text med hjälp av vanliga tecken, till exempel # för en rubrik och ** runt ett ord för fetstil. John Gruber skapade det 2004, och det används numera i dokumentation, README-filer, anteckningar och på många webbplatser.
Vilka Markdown-funktioner stöder den här konverteraren?
Rubriker, stycken, fetstil, kursiv stil, genomstrykning, kodinlägg, avgränsade och indragna kodblock, blockcitat, numrerade och kapslade listor, uppgiftslistor, tabeller med justering, länkar, referenslänkar, bilder, automatiska länkar och horisontella linjer.
Blir resultatet detsamma som med GitHubs Markdown?
Den följer de vanliga CommonMark-reglerna och lägger till tabeller i GitHub-stil, uppgiftslistor, genomstrykningar och automatiska länkar. GitHubs egen renderare har ytterligare funktioner, såsom emojikoder, omnämnanden och fotnoter, och vissa ovanliga specialfall kan återges på ett annat sätt.
Har min text laddats upp någonstans?
Nej. Konverteringen sker i din webbläsare, och din Markdown-text lämnar aldrig din enhet.
Är HTML-koden säker att publicera?
Som standard omvandlas all HTML-kod du skriver, och länkar som börjar med javascript: eller liknande blockeras. Om du aktiverar alternativet ”Tillåt rå HTML” skickas koden vidare oförändrad, så se till att köra andras innehåll genom ett ordentligt HTML-reningsverktyg innan du publicerar det.
Varför ignoreras mina enstaka radbrytningar?
I Markdown behandlas en enskild ny rad som ett mellanslag, och endast en tom rad inleder ett nytt stycke. För att tvinga fram ett radbryt ska du avsluta raden med två mellanslag eller en bakåtslag, eller aktivera alternativet som omvandlar enskilda radbryt till <br>-taggar.
Hur skapar jag en tabell?
Avskilj cellerna med streck och lägg till en rad med bindestreck under rubriken, till exempel | Namn | Pris | och | --- | --- |. Lägg till ett kolon till vänster, höger eller på båda sidor om bindestrecken för att justera kolumnen till vänster, höger eller i mitten.
Hur får jag en komplett HTML-sida istället för ett utdrag?
Aktivera ”Full HTML-sida”. Resultatet omsluts av en doctype, head och body, där en rubrik på första nivån används som sidtitel.
Vad används rubrik-ID:n till?
Med hjälp av ett ID i en rubrik kan du länka direkt till det avsnittet, till exempel page.html#installation. När alternativet ”Lägg till rubrik-ID” är aktiverat får varje rubrik ett ID i gemener som bildas utifrån rubriktexten, och vid upprepade rubriker läggs ett nummer till.
Från personer som använder det här verktyget
Recensioner
Laddar recensioner…
Fortsätt
Fler verktyg i verktygslådan
På hemsidan finns ytterligare dussintals kostnadsfria verktyg som inte kräver någon API-nyckel.
Konverterare från CSV till JSON
Konvertera data från kalkylark till JSON.
Öppna verktygetVerktyg för att ta bort blanksteg
Ta bort mellanslag, tabbar och tomma rader.
Öppna verktygetFakturagenerator
Skapa en faktura och spara den som en PDF-fil.
Öppna verktygetLösenordsgenerator
Säkra slumpmässiga lösenord som skapas i din webbläsare.
Öppna verktyget