Vad är Markdown-förhandsvisare?
Markdown är den lätta formateringssyntaxen bakom README-filer, blogginlägg, chattmeddelanden, dokumentation och otaliga andra platser där du vill ha enkel, läsbar formatering utan att skriva rå HTML. Eftersom Markdown är ren text är den lätt att skriva var som helst – men det är också lätt att få syntaxen lite fel och inte märka det förrän du redan publicerat.
Den här förhandsvisaren renderar din Markdown medan du skriver, sida vid sida med källan, så att du kan fånga formateringsfel direkt – ett saknat mellanslag efter en #, en ej avslutad kodmarkör eller en lista som inte separerats från stycket ovanför – innan du laddar upp en README, publicerar ett inlägg eller skickar ett formaterat meddelande.
När du ska använda denna kalkylator
- Du förhandsvisar Markdown
- Du skriver dokumentation
- Du lär dig Markdown-syntax
- Lär dig Markdown-syntax genom att experimentera med olika formatering och se omedelbara resultat
- Omvandla en kort Markdown-snutt till HTML för att klistra in i ett CMS eller e-postmall
- Felsöka ett Markdown-dokument där viss formatering inte renderas som förväntat
Steg:
- Skriv eller klistra in din Markdown i den vänstra panelen.
- Se den renderade HTML-förhandsvisningen uppdateras direkt till höger.
- Justera din syntax tills förhandsvisningen matchar det du tänkt dig.
- Kopiera din färdiga Markdown-källa när du är nöjd med resultatet.
Formel
# Rubrik
**Fetstil**
*Kursiv*
Lista
[Länk](url)
```kod```
Användningsområden
- Förhandsvisa en GitHub- eller GitLab-README innan du laddar upp den
- Utforma formaterade meddelanden för Slack, Discord eller andra Markdown-stödjande chattappar
- Kontrollera blogginläggs- eller dokumentationsformatering innan publicering
- Lära sig Markdown-syntax genom att experimentera och se omedelbara resultat
- Snabbt omvandla ett kort Markdown-utdrag till HTML för att klistra in någon annanstans
Viktiga fördelar
- Se din Markdown renderas direkt, sida vid sida med källan
- Fånga syntaxfel innan du publicerar någonstans
- Körs helt offline i din webbläsare – inget laddas upp
- Gratis, ingen registrering, inga filstorleksbegränsningar för typiskt bruk
Proffstips
- Lägg till en tom rad före och efter listor och kodblock för den mest tillförlitliga renderingen i olika Markdown-tolkare
- Använd dubbla asterisker för fetstil och enkla asterisker (eller understreck) för kursiv för att undvika tvetydighet
- Förhandsvisa först i det här verktyget och kontrollera sedan målplattformen (GitHub, Slack osv.), eftersom vissa stödjer extra syntax som tabeller
- Håll rubrikerna sekventiella (hoppa inte från # till ###) för bättre dokumentstruktur och tillgänglighet
Vanliga misstag att undvika
- Glömma den tomma rad som behövs mellan ett stycke och en efterföljande lista
- Sakna mellanslaget efter #-symbolerna i rubriker, vilket förhindrar att de renderas
- Lämna en kodmarkör (```) oavslutad, vilket sväljer resten av dokumentet som kod
- Använda enkla asterisker för fetstil i stället för dubbla, vilket ger kursiv i stället
Viktiga begrepp förklarade
- CommonMark: En standardiserad specifikation av Markdown-syntax, utformad för att minska inkonsekvenser
- GFM: GitHub-Flavored Markdown, en utökad dialekt som stödjer tabeller och uppgiftslistor
- Kodmarkör: Ett block avgränsat av tre bakåtciteringar (```) som används för att formatera flerradig kod
- Inline-formatering: Formatering som tillämpas inom en enda rad, som *kursiv* eller `kod`, i motsats till blocknivåelement
Relaterade begrepp
- Markdown-syntax: Komplettera.
- Regex testare:
- Lösenordsgenerator:
- Färgkonverter:
- URL kodare/avkodare:
Exempel
Att skriva "## Hej\n\nDetta är **fet** och detta är *kursiv*." renderas som en nivå-2-rubrik följt av ett stycke med fet och kursiv text.
Tolka dina resultat
Enkelt formateringsspråk för läsbar text.