Markdown-editor online
med förhandsvisning

En gratis Markdown-editor online med förhandsvisning i realtid, flikar, formler, diagram och export med ett klick. Allt körs i webbläsaren, och du kan lägga redigeraren på din egen webbplats på en minut.

  • Ingen registrering
  • Ingen installation
  • Fungerar på alla statiska webbhotell
  • 15 språk
Markdown Preview
Hej, Markdown 👋

Skriv till vänster – förhandsvisningen till höger uppdateras direkt.

  • Förhandsvisning i realtid med synkroniserad rullning
  • Tabeller, uppgiftslistor och informationsrutor
  • Kod med syntaxmarkering

Tips

Markera lite text och tryck på B eller I i verktygsfältet.

Markdown Endast i din webbläsare

Det här är en fungerande miniversion av redigeraren – klicka i den, byt flikar och vyer och prova knapparna i verktygsfältet.

  • GitHub-Flavored Markdown
  • KaTeX-formler
  • Mermaid-diagram
  • Syntaxmarkering
  • Export till HTML och PDF
  • Mobilanpassad
Funktioner

Allt du behöver för att skriva Markdown – inget annat

En ren redigerare till vänster, en förhandsvisning i GitHub-stil till höger och verktygen du faktiskt använder däremellan.

Förhandsvisning i realtid

Förhandsvisningen uppdateras medan du skriver och rullar i takt med redigeraren, så att du alltid ser den del du arbetar med.

En flik per dokument

Öppna många filer samtidigt. Varje flik har sin egen ångrahistorik, och länkar mellan öppna .md-filer byter flik.

Dra och släpp vad som helst

Släpp flera filer, en hel mapp eller ett dokument tillsammans med dess bilder – relativa sökvägar fungerar direkt.

En bekväm redigerare

Det viktigaste syns alltid och finns nära till hands. Avancerade funktioner – fotnoter, varningsrutor, formler, diagram, innehållsförteckning – ligger hopfällda i en egen rad för vana användare.

Formler och diagram

Skriv LaTeX-formler med KaTeX och rita flödesscheman, sekvensdiagram och Gantt-scheman med Mermaid.

Exportera HTML, PDF och .md

En fristående HTML-fil, en PDF via utskriftsdialogen eller den rena Markdown-källan – ett klick för varje.

Ljust, mörkt och mobilt

Behagligt i dagsljus och på natten, på en stor skärm och i mobilen. Ditt val sparas.

15 gränssnittsspråk

Svenska, English, Deutsch, Español, Français, 日本語, 简体中文 och fler. Väljs utifrån webbläsaren och kan ändras i inställningarna.

Dina filer förblir dina

Allt sker i webbläsaren. Inget konto, inga uppladdningar, ingen analys – bara en redigerare.

Mer än vanlig text

Från snabba anteckningar till teknisk dokumentation

Välj ett exempel och se Markdown-källan och vad förhandsvisningen visar.

Markdown
Andragradsformeln löser $ax^2 + bx + c = 0$:

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$
Förhandsvisning

Andragradsformeln löser ax2+bx+c=0ax^2 + bx + c = 0:

x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

LaTeX-syntax som renderas med KaTeX. Den laddas bara när ett dokument innehåller en formel.

Markdown
```mermaid
flowchart LR
  A[Skriv] --> B[Granska]
  B --> C{Klart?}
  C -- ja --> D[Exportera]
  C -- nej --> A
```
Förhandsvisning
Skriv Granska Klart? Exportera ja nej

Flödesscheman, sekvensdiagram, Gantt-scheman, tillståndsdiagram med mera – ritade med Mermaid.

Markdown
```js
function slugify(title) {
  return title
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')
    .replace(/^-|-$/g, '');
}
```
Förhandsvisning
function slugify(title) {
  return title
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')
    .replace(/^-|-$/g, '');
}

Syntaxmarkering för de 35+ populäraste språken, i ljust och mörkt tema.

Markdown
> [!NOTE]
> Användbar information.

> [!TIP]
> Ett praktiskt kortkommando.

> [!WARNING]
> Läs det här innan du fortsätter.
Förhandsvisning

Obs

Användbar information.

Tips

Ett praktiskt kortkommando.

Varning

Läs det här innan du fortsätter.

Informationsrutor i GitHub-stil: NOTE, TIP, IMPORTANT, WARNING och CAUTION.

Markdown
| Funktion | Status |
|:--------|:------:|
| Förhandsvisning | ✅ |
| Export | ✅ |

- [x] Skriv utkastet
- [ ] Publicera
Förhandsvisning
FunktionStatus
Förhandsvisning✅
Export✅

Justerade tabeller och uppgiftslistor från GitHub-Flavored Markdown.

Markdown
Markdown skapades 2004.[^1]

[^1]: Av John Gruber, tillsammans med Aaron Swartz.
Förhandsvisning

Markdown skapades 2004.1

  1. Av John Gruber, tillsammans med Aaron Swartz.

Fotnoter, markering, nedsänkt och upphöjd text, emoji-koder och front matter stöds också.

Så ser den ut

Hemma på alla skärmar

Delad vy med flikar på datorn, en kompakt enhandslayout i mobilen. Ljust eller mörkt – du väljer.

Markdown Preview Editor i mörkt läge: tre flikar, Markdown-källan till vänster och en förhandsvisning med tabell, formel och flödesschema till höger
Markdown Preview Editor i ljust läge med samma dokument

Dator: flikar, formateringsfält och synkroniserad delad vy.

Markdown Preview Editor i en mobil: redigeraren överst, förhandsvisningen under
Markdown Preview Editor i en mobil: redigeraren överst, förhandsvisningen under

Mobil: ett tryck för att byta vy.

Öppna hela redigeraren

Enkel av princip

Dina filer lämnar aldrig din dator

Det finns ingen server som gör jobbet. Redigeraren består av statiska filer, och allt – öppna, rendera, exportera – sker i din webbläsarflik.

  • Inget konto. Öppna sidan och börja skriva.
  • Inga uppladdningar. Släppta filer läses lokalt.
  • Ingen spårning. Ingen analys, inga kakor, ingen reklam.
  • Du bestämmer vad som laddas. Externa bilder och länkar är avstängda tills du tillåter dem.

Din .md-filFrån disken, en mapp eller urklipp

Renderas i din webbläsareMarkdown, formler och diagram på din enhet

Sparas där du vill.md, HTML eller PDF – direkt till din dator

Egen server

Din egen redigerare i tre steg

1

Ladda ner

Hämta det färdiga webbplatsarkivet från senaste versionen – en zip- eller tar.gz-fil med statiska filer.

2

Ladda upp

Packa upp det i mappen för din domän eller underdomän med webbhotellets filhanterare eller via FTP. Den medföljande .htaccess konfigurerar HTTPS och cachning.

3

Skriv

Öppna din domän. Klart – en redigerare för dig och ditt team, på din egen adress.

Vanliga frågor

Vanliga frågor

Är Markdown Preview Editor gratis?

Ja. Den är gratis och har öppen källkod under MIT-licensen. Det finns inga betalplaner, ingen reklam och ingen registrering. Du kan använda onlineversionen eller drifta en egen kopia.

Behöver jag installera något?

Nej. Den fungerar i alla moderna webbläsare – öppna onlineversionen och börja skriva. Vill du ha en egen kopia laddar du ner det färdiga webbplatsarkivet och laddar upp det till valfritt webbhotell; ingen databas eller serverkod behövs.

Laddas mina dokument upp någonstans?

Nej. Filerna öppnas och renderas direkt i din webbläsare. Dokumenten stannar på din enhet och finns bara kvar i den öppna fliken, om du inte slår på ”Kom ihåg dokument” i inställningarna.

Vilken Markdown-syntax stöds?

GitHub-Flavored Markdown: tabeller, uppgiftslistor, genomstruken text, automatiska länkar, fotnoter och informationsrutor. Dessutom syntaxmarkering, KaTeX-formler, Mermaid-diagram, emoji-koder, markering, nedsänkt och upphöjd text samt front matter.

Kan jag exportera till PDF eller HTML?

Ja. Exportera en fristående HTML-fil med stilar och lokala bilder inbäddade, skriv ut eller spara som PDF via webbläsaren, eller spara Markdown-källan som en .md-fil.

Fungerar den på mobiler och surfplattor?

Ja. Layouten anpassar sig till små skärmar: växla mellan redigerare, delad vy och förhandsvisning med ett tryck, och öppna formateringsfältet bara när du behöver det.

Från bloggen

Guider för bättre Markdown

Praktiska guider med exempel att kopiera – från grunderna till formler, diagram och egen server.

Markdown-syntax: fusklapp med exempel

Markdown-syntax med exempel att kopiera: rubriker, fet och genomstruken text, länkar, kodblock, tabeller, kryssrutor, informationsrutor och fotnoter.

Förhandsvisa Markdown online: sida vid sida i realtid

Förhandsvisa Markdown online sida vid sida i realtid: vad ett bra förhandsvisningsverktyg ska klara och hur du öppnar filer och mappar utan uppladdning.

Skriva matematiska formler i Markdown (LaTeX och KaTeX)

Formler i Markdown med LaTeX: i löptext och fristående, bråk, rötter, matriser och justerade ekvationer – med exempel som fungerar på GitHub och i KaTeX.

Mermaid-diagram i Markdown: flödesscheman, sekvensdiagram med mera

Mermaid-diagram i Markdown: vad de är och hur du ritar flödesscheman, sekvensdiagram, Gantt-scheman och cirkeldiagram. Exempel att kopiera och tips.

Konvertera Markdown till HTML (och PDF): 4 sätt

Konvertera Markdown till HTML på fyra sätt – export med ett klick i webbläsaren, VS Code, Pandoc eller lite JavaScript – och en snabb väg till PDF.

Så driftar du en egen Markdown-redigerare på webbhotell, Docker eller nginx

Markdown-editor på egen server med förhandsvisning på några minuter: steg för steg för webbhotell (cPanel), Docker, nginx eller Caddy. Utan databas.

Alla artiklar

Gillar du den? Ge den en stjärna.

Markdown Preview Editor byggs på fritiden och delas gratis. En stjärna på GitHub hjälper andra att hitta den – och visar oss att det är värt att fortsätta.