acento.io
Textverktyg

Markdown-förhandsvisning

Skriv Markdown och se resultatet direkt – din text lämnar aldrig webbläsaren.

Av Carlos Suárez , Systemingenjör
Senast uppdaterad:

Vad Markdown-förhandsvisning gör

Den här svenska versionen av verktyget renderar GitHub-flavored Markdown (GFM) till HTML i realtid, direkt i din webbläsare. Du ser resultatet bredvid källkoden i delad vy, kan växla till ren förhandsvisning eller inspektera den genererade HTML-koden – och ladda ned alltihop som en komplett .html-fil med ett klick. Stöd finns för tabeller, avgränsade kodblock, genomstrykning och uppgiftslistor. 100 % klientbaserat – dina data lämnar aldrig din webbläsare. Inga uppladdningar, ingen spårning, inga serverloggar. Det gör verktyget lämpligt för konfidentiella utkast, NDA-dokument eller intern dokumentation där du inte vill att texten passerar en extern server. Svenska Akademiens ordlista innehåller drygt 125 000 uppslagsord – Markdown-syntaxen är betydligt kortare, men precis som med språk gäller det att välja rätt dialekt för sammanhanget. GFM är standarden på GitHub och i de flesta statiska webbplatsgeneratorer, men CommonMark och MultiMarkdown tolkar samma indata lite olika, vilket är en vanlig källa till förvirring.

Funktioner

  • Delad vy i realtid. Redigera till vänster och se den renderade HTML-förhandsvisningen uppdateras direkt till höger. Perfekt för att lära sig Markdown-syntax med omedelbar återkoppling.
  • Ren förhandsvisningsläge. Dölj editorn och visa bara det renderade resultatet. Användbart när du vill granska det slutliga utseendet utan distraktioner.
  • HTML-källvy. Se exakt vilken HTML som genereras från din Markdown. Bra när du behöver kopiera koden in i ett annat system eller felsöka oväntad formatering.
  • Nedladdning som .html-fil. Exportera resultatet som en komplett, fristående HTML-fil med ett klick – redo att öppna i en webbläsare eller skicka via e-post.
  • GitHub-flavored Markdown. Stöd för tabeller, fenced code blocks med backticks, ~~genomstrykning~~ och - [ ] uppgiftslistor. Originalet av John Gruber saknar tabeller; GFM lade till dem och är nu de facto-standard.
  • Lättviktig och privat. Inga externa bibliotek för syntaxmarkering laddas – det håller paketet litet och sidan snabb. Din text stannar lokalt, vilket är avgörande för känsliga dokument.

Så här använder du Markdown-förhandsvisning

Klistra in eller skriv din Markdown i editorn. Växla vy med knapparna ovan och ladda ned när du är klar.

  1. Skriv eller klistra in Markdown. Öppna verktyget och börja skriva direkt i textrutan, eller klistra in befintligt innehåll. Prova t.ex. ## Rubrik eller en tabell med | Col1 | Col2 |.
  2. Välj visningsläge. Klicka på *Delad vy* för att se editor och förhandsvisning sida vid sida, *Förhandsvisning* för enbart utdata, eller *HTML* för att inspektera den genererade koden.
  3. Kontrollera HTML-utdata. I HTML-vyn kan du kopiera koden och klistra in den i ditt CMS, statiska webbplatsgenerator eller e-postklient.
  4. Ladda ned som .html. Klicka på *Ladda ned .html* för att spara en komplett HTML-fil lokalt – användbar för distribution eller arkivering.

Vanliga användningsområden

  • Förhandsgranska README-filer. Kontrollera hur din README.md ser ut med GitHub-formatering innan du commitar. Spara tid genom att fånga formateringsfel lokalt istället för efter push.
  • Bloggposter och statiska webbplatser. Skriva utkast i Markdown för Hugo, Jekyll eller Astro och se exakt hur innehållet renderas – utan att behöva bygga hela sajten.
  • Konvertera Markdown till HTML för distribution. Exportera en .html-fil och bifoga den i ett e-postmeddelande eller dela den med kollegor som inte har tillgång till en Markdown-läsare. Om du dessutom behöver rensa HTML-entiteter finns [HTML entity-omvandlaren](/sv/html-entities/) till hands.
  • Utbildning och övning. Lär ut Markdown-syntax till studenter eller nya teammedlemmar med direkt visuell återkoppling. Fungerar som ett interaktivt *markdown test*-verktyg utan installation.
  • Konfidentiella dokument. Formatera NDA-utkast eller interna specifikationer i Markdown utan att texten lämnar din maskin – ett krav i miljöer med stränga dataskyddspolicyer.

Vanliga frågor

Lagras min text någonstans?

Nej. All bearbetning sker i din webbläsare. Ingen text skickas till någon server, och verktyget loggar ingenting. Du kan till och med använda det offline efter att sidan har laddats.

Stöder verktyget alla Markdown-smaker?

Verktyget följer GitHub-flavored Markdown (GFM). CommonMark och MultiMarkdown tolkar vissa konstruktioner annorlunda – t.ex. hanterar parsers HTML inbäddat i Markdown lite olika. Om du skriver för en specifik plattform, kontrollera alltid dess dokumentation.

Varför saknas syntaxmarkering i kodblock?

Det är ett medvetet val. Syntaxmarkering kräver externa bibliotek som ökar paketstorleken avsevärt. Verktyget prioriterar snabb laddning och enkel integritet framför utökad rendering.

Kan jag använda det som ersättning för VS Code Markdown preview?

Det är ett komplement snarare än en ersättning. VS Code Markdown preview är integrerad i din editor och läser lokala filer direkt. Det här verktyget fungerar i webbläsaren utan installation – praktiskt när du är på en annan dator eller snabbt vill kontrollera ett textavsnitt. Sökvolymen för *vscode markdown preview* visar att många söker just alternativ för situationer utan VS Code.

Hanterar verktyget YAML frontmatter?

Nej. YAML frontmatter – det block med --- som används i Jekyll och Hugo – renderas som vanlig text. Det är utanför GFM-specifikationen och att lägga till stöd för det skulle kräva en separat parser.

Hur skiljer sig det här från en lokal Markdown-editor som Obsidian?

Ingen installation krävs, inget konto och inga filer sparas – du klistrar in text, ser resultatet och laddar ned HTML om du vill. Behöver du även jämföra två textvarianter kan [text diff](/sv/text-diff/)-verktyget vara ett bra komplement. Det passar för snabba engångskontroller snarare än långsiktig dokumenthantering.