Markdown editor

Den här Markdown-editorn online visar din text till vänster och det formaterade resultatet till höger, och förhandsvisningen uppdateras vid varje tangent du trycker på. Den förstår den Markdown som används på GitHub, i README-filer, wikier och anteckningsappar som Obsidian: rubriker, listor, checklistor, tabeller, kod, citat, länkar, bilder och fotnoter. Du behöver inget konto och inget du skriver skickas någonstans.

Så använder du Markdown-editorn online

1. Skriv eller klistra in Markdown i det vänstra fältet, eller öppna en .md-fil med filknappen i verktygsfältet. Du kan också släppa en fil var som helst på editorn.
2. Följ förhandsvisningen till höger. Synkroniserad rullning håller båda sidorna på samma del av dokumentet medan du rullar i någon av dem.
3. Formatera texten med verktygsfältet eller med kortkommandon som Ctrl+B för fetstil och Ctrl+K för en länk.
4. Kopiera resultatet som Markdown, som HTML eller som formaterad text, eller ladda ner det som .md-, .pdf-, .docx-, .html- eller .txt-fil.

Editorn öppnas med ett kort exempel som heter ”Projektanteckningar” och som använder alla vanliga element, så att du ser syntaxen och resultatet bredvid varandra innan du skriver din egen text.

Markdown-editor med live-förhandsvisning

Ovanför editorn finns tre vyer. Sida vid sida visar Markdown och förhandsvisningen bredvid varandra, Skriv ger hela bredden åt texten och Förhandsvisa visar bara resultatet, vilket fungerar som en enkel Markdown-visare för en fil som någon har skickat till dig. På en mobil växlar editorn mellan Skriv och Förhandsvisa, eftersom två kolumner skulle bli för smala att läsa.

Förhandsvisningen renderas på samma sätt som GitHub renderar Markdown: CommonMark med tilläggen i GitHub Flavored Markdown (båda på engelska), som lägger till tabeller, checklistor, genomstrykning och automatiska länkar. Rubriker får ankare som på GitHub, så ## Releaseplan kan länkas som #releaseplan, och ett klick på en sådan länk rullar förhandsvisningen till rubriken. Fotnoter som skrivs som [^1] numreras i den ordning du först nämner dem och listas i slutet.

Textfältet använder webbläsarens stavningskontroll, så felstavade ord stryks under medan du skriver. Under editorn ser du antalet ord och tecken och lästiden. Räkningen bortser från Markdown-syntaxen, så för en rubrik som är markerad med ## räknas bara orden. Vill du även räkna meningar och stycken klistrar du in texten i tecken- och ordräknaren.

Verktygsfält och kortkommandon

Verktygsfältet täcker allt du behöver för ett vanligt dokument: Rubrik, Fet, Kursiv, Genomstruken, Inline-kod, Länk, Bild, Citat, Kodblock, Punktlista, Numrerad lista, Checklista, Tabell och Vågrät linje. Markera först lite text så omsluter knappen den; tryck på samma knapp igen så försvinner tecknen. Utan markering infogar knappen en kort platshållare som redan är markerad, så att du bara skriver över den.

Några detaljer sparar tid:

• Rubrik växlar den aktuella raden till #, ##, ### och sedan tillbaka till vanlig text.
• Länk gör om de markerade orden till [ord](https://) och markerar adressdelen, så att du direkt kan klistra in URL:en. Om du i stället markerar en URL blir den adressen.
• Listknapparna och Citat fungerar på alla markerade rader på en gång. Ett klick på Numrerad lista i en punktlista gör om den till en numrerad lista.
• Tryck på Enter i slutet av en listpunkt så börjar nästa punkt med rätt markör. Siffrorna räknas uppåt, en ny uppgift börjar utan bock och Enter på en tom punkt avslutar listan. Tab och Shift+Tab ökar och minskar indraget för listpunkter.
• Varje ändring som görs med en knapp eller ett kortkommando kan ångras med Ctrl+Z.

Alla kortkommandon finns under Kortkommandon nedanför editorn. På en Mac används kommandotangenten i stället för Ctrl.

Klistra in från Word eller Google Docs och få Markdown

När du klistrar in text som har kopierats från Word, Google Docs eller en webbsida gör editorn om formateringen till Markdown i stället för att kasta bort den. Rubriker blir #-rader, fet och kursiv text får sina asterisker, länkar behåller sina adresser, punktlistor och numrerade listor (även Words listor med flera nivåer) blir Markdown-listor och tabeller blir Markdown-tabeller med den första raden som rubrikrad. Det är det snabbaste sättet att flytta ett befintligt dokument till en README eller en wikisida.

Vill du hellre ha den rena texten klickar du på Använd vanlig text i stället i meddelandet som visas efter inklistringen, eller klistrar in med Ctrl+Shift+V. Kod som har kopierats från VS Code eller en annan kodeditor, och text som redan är Markdown, klistras in precis som den är.

Lathund för Markdown-syntax

En snabb överblick över den vanligaste syntaxen. Skriv den vänstra kolumnen i editorn så ser du den högra kolumnen i förhandsvisningen.

Du skriver	Du får
# Titel, ## Avsnitt, ### Underavsnitt	Rubriker på nivå 1 till 3 (upp till 6 med ######)
**fetstil** och *kursiv*	fetstil och kursiv
~~gammalt~~	gammalt
`kod`	kod i ett typsnitt med fast bredd
[text](https://example.com)	en länk
	en bild
- punkt eller 1. punkt	en punktlista eller en numrerad lista
- [ ] uppgift och - [x] klart	en checklista med kryssrutor
> citerad text	ett citat
tre backticks på en egen rad före och efter koden	ett kodblock
--- på en egen rad	en vågrät linje
text[^1] och [^1]: anteckning	en fotnot

En Markdown-tabell behöver en rubrikrad, en avgränsningsrad med bindestreck och sedan en rad per tabellrad, med cellerna åtskilda av |. Ett kolon i avgränsningsraden anger justeringen: :-- vänsterjusterar, :-: centrerar och --: högerjusterar. Knappen Tabell infogar en färdig tabell med tre kolumner att utgå från. Cellerna behöver inte stå i linje i källtexten, men om de gör det blir tabellen lättare att redigera senare.

Markdown accepterar också HTML för sådant som saknar egen syntax, till exempel <kbd>Ctrl</kbd> för tangenter, <sub> och <sup> för H₂O och x², eller <details> för ett avsnitt som öppnas med ett klick. Skript, stilar och formulär tas bort från förhandsvisningen av säkerhetsskäl.

Kopiera som formaterad text eller ladda ner filen

Kopiera Markdown kopierar källtexten, Kopiera HTML kopierar ren HTML, redo för en webbplats eller ett CMS, och Kopiera som formaterad text kopierar det formaterade resultatet. Klistra in det i Google Docs, Word, Outlook eller Gmail så kommer rubriker, fet text, listor, länkar och tabeller fram formaterade, utan några kvarvarande Markdown-tecken.

Knapparna vid Ladda ner sparar dokumentet som Markdown, PDF, Word, HTML eller vanlig text med ett klick, med namn efter titeln i dokumentets front matter eller efter dess första rubrik. De använder rimliga standardinställningar: A4-papper (Letter i USA, Kanada, Mexiko och andra länder där det är standard), normala marginaler och teckenstorlek 11 punkter. Vill du välja sidstorlek, typsnitt och marginaler, lägga till en innehållsförteckning eller konvertera flera filer på en gång använder du Fler exportalternativ, som öppnar Markdown-konverteraren med din text redan ifylld.

Vanliga frågor

Laddas min text upp eller sparas den någonstans?

Nej. Förhandsvisningen, konverteringen och nedladdningarna sker i din webbläsare, och texten skickas aldrig till en server. Som standard sparas inte heller något, så texten försvinner när du stänger fliken. Om du kryssar i Spara utkastet i den här webbläsaren sparas texten i din egen webbläsares lagring efter varje ändring och kommer tillbaka vid nästa besök. Kryssa ur rutan på en delad dator, vilket också raderar det sparade utkastet.

Hur öppnar och visar jag en .md-fil online?

Klicka på filknappen i verktygsfältet eller släpp filen på editorn, och byt sedan till Förhandsvisa för att läsa den som ett formaterat dokument. Filer på upp till 20 MB i UTF-8 eller UTF-16 öppnas direkt. Bilder i filen visas när de har en fullständig webbadress; bilder som ligger bredvid filen på din dator kan inte läsas in av en webbsida.

Vilken Markdown-variant använder editorn?

Den följer CommonMark (på engelska), den standard som de flesta Markdown-verktyg är överens om, plus GitHubs tillägg: tabeller, checklistor, genomstrykning, automatiska länkar och fotnoter. Text som är skriven för GitHub, GitLab, Obsidian, Reddit eller Discord ser likadan ut här, bortsett från funktioner som de tjänsterna lägger till ovanpå, som omnämnanden av användare eller Obsidians wikilänkar.

Hur får jag in Markdown i Google Docs?

Klicka på Kopiera som formaterad text och klistra in i dokumentet. Rubriker, listor, länkar och tabeller behåller sin formatering. Nyare versioner av Google Docs kan också läsa Markdown själva: när Markdown har aktiverats under Verktyg, Inställningar finns ett kommando för att klistra in från Markdown på menyn Redigera.

Har editorn stöd för Mermaid-diagram eller LaTeX-matematik?

Inte än. Ett Mermaid-block visas som ett vanligt kodblock, och formler som skrivs som $...$ förblir vanlig text. Allt annat i GitHub Flavored Markdown stöds.

Vad är Markdown och vem använder det?

Markdown är ett sätt att formatera vanlig text med några få tecken, skapat av John Gruber 2004 så att ett dokument är läsbart redan innan det konverteras till HTML (mer på Wikipedia). Utvecklare använder det för README-filer och dokumentation, skribenter för anteckningar och utkast, och AI-chattverktyg svarar i det, vilket är anledningen till att deras svar är fulla av asterisker och brädgårdar när de klistras in någon annanstans.

Fler verktyg för text finns i kategorin Text: jämför två versioner av ett dokument för att se vad som har ändrats, eller växla mellan versaler och gemener i rubriker på en gång. Utvecklare hittar JSON-formateraren och andra verktyg under Utvecklare.