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.
Gratis och öppen källkod · MIT-licens
Skriv Markdown.
Skriv Markdown.
Se resultatet direkt.
En snabb Markdown-redigerare med förhandsvisning i realtid, flikar, formler, diagram och export med ett klick. Den körs direkt i webbläsaren – använd den online eller lägg den på din egen webbplats på en minut.
Markdown PreviewHej, 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.
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.
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 :
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
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
| Funktion | Status |
|---|---|
| Förhandsvisning | ✅ |
| Export | ✅ |
- Skriv utkastet
- Publicera
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
- 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.
Dator: flikar, formateringsfält och synkroniserad delad vy.
Mobil: ett tryck för att byta vy.
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
Ladda ner
Hämta det färdiga webbplatsarkivet från senaste versionen – en zip- eller tar.gz-fil med statiska filer.
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.
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.
Guide
Markdown-fusklapp: GitHub-syntax med exempel
En praktisk Markdown-fusklapp med rubriker, listor, länkar, bilder, kod, tabeller, uppgiftslistor, informationsrutor och fotnoter – med GFM-exempel att kopiera.
InstruktionFörhandsvisa Markdown online utan att ladda upp dina filer
Så förhandsvisar du Markdown online sida vid sida i realtid: vilka funktioner du ska leta efter och hur du öppnar filer och hela mappar direkt från datorn.
HandledningSkriva matematiska formler i Markdown (LaTeX och KaTeX)
Skriv formler i Markdown med LaTeX-syntax, i löptext och fristående. Bråk, rötter, summor, matriser och justerade ekvationer – med exempel för GitHub och KaTeX.
HandledningMermaid-diagram i Markdown: flödesscheman, sekvensdiagram med mera
Rita flödesscheman, sekvensdiagram, Gantt-scheman, tillståndsdiagram och cirkeldiagram i Markdown med Mermaid. Exempel att kopiera och tips för tydliga diagram.
InstruktionKonvertera Markdown till HTML och PDF: 4 enkla sätt
Fyra enkla sätt att konvertera Markdown till HTML eller PDF – från export i webbläsaren med ett klick till Pandoc och VS Code – plus tips om sidbrytningar.
SjälvhostingSå driftar du en egen Markdown-redigerare på webbhotell, Docker eller nginx
Drifta en egen Markdown-redigerare med förhandsvisning på några minuter. Steg för steg för webbhotell (cPanel), Docker, nginx och Caddy – ingen databas behövs.
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.