Hoppa till innehållet
Gratis verktyg

Markdown-redigerare online med liveförhandsvisning

Med denna Markdown Editor online skriver du Markdown och ser genast en liveförhandsgranskning bredvid. Öppna .md-filer, skapa en tabell av kopierade Excel-celler, spara dokumentet som PDF eller kopiera det som HTML. För Discord-meddelanden finns ett eget läge med spoilers och teckenräknare. Gratis och utan registrering. Din text stannar i din webbläsare.

Byggd av Dimitri Heissler

Bygger du något eget? Hosta det på en VPS med full kontroll.

GitHub Flavored Markdown: rubriker, listor, tabeller, uppgiftslistor och kod med syntaxmarkering. Passar för README-filer, ärenden och dokumentation.

Din text stannar i den här webbläsaren. Den sparas bara lokalt som ett utkast och laddas aldrig upp. Ctrl+Z ångrar ändringar.

Ord
61
Tecken
472
Rader
28
Rubriker
3
Lästid
1 min

Exempelresultat

Vad denna Markdown-redigerare visar dig

Du skriver Markdown och ser direkt den färdiga visningen bredvid. Du får också HTML-kod att kopiera, antal ord och tecken samt lästid och, i Discord-läge, hur många tecken du har kvar till teckengränsen. Tre exempel:

Exempel 1: En kort README

Inmatning (README / GitHub):

# Min server

Körs med **8 GB RAM** och `Paper 1.21`.

- [x] Backup
- [ ] Tillåtelselista

Förhandsgranskning:

Min server

Körs med 8 GB RAM och Paper 1.21.

  • Backup
  • Tillåtelselista

HTML-kod att kopiera:

<h1 id="min-server">Min server</h1>
<p>Körs med <strong>8 GB RAM</strong> och <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Tillåtelselista</li>
</ul>

Resultat i ord: Av 1 rubrik blir det en h1, de två markeringarna blir strong och code, och de två listpunkterna blir en uppgiftslista med en markerad och en omarkerad ruta. Texten har 12 ord och 89 tecken, och lästiden är 1 minut.

Exempel 2: En tabell

Inmatning (README / GitHub):

| Abonnemang | RAM i GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Förhandsgranskning:

AbonnemangRAM i GB
Basic4
Pro8

HTML-kod att kopiera:

<table>
<thead>
<tr>
<th>Abonnemang</th>
<th align="right">RAM i GB</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Resultat i ord: Tabellen har två kolumner och två datarader. Raden med streck skiljer rubrikerna från innehållet, och kolonet i ”---:” högerjusterar den andra kolumnen.

Exempel 3: Ett Discord-meddelande

Inmatning (Discord):

# Evenemang i dag
**Kl. 20** i ||röstkanalen||
-# Anmälan öppen

Förhandsgranskning som i Discord:

Evenemang i dag

Kl. 20 i Spoiler, klicka för att visa

Anmälan öppen

Resultat i ord: Raden med # blir en stor rubrik, **20 Uhr** visas i fetstil, texten mellan || är en spoiler som syns först efter ett klick, och raden med -# blir liten och grå. Meddelandet har 63 av 2 000 tillåtna tecken.

Så fungerar det

Så skriver du Markdown online med liveförhandsgranskning

Fyra steg från tomt textfält till färdigt dokument eller Discord-meddelande, utan konto eller installation.

Steg 1

Välj variant

Välj ”README / GitHub” högst upp för dokument med tabeller och uppgiftslistor eller ”Discord” för chattmeddelanden med spoilers och citat. Varje variant har egen text och egna tips.

Steg 2

Skriv eller öppna fil

Skriv din text och använd knapparna för fetstil, lista, tabell och kod eller kortkommandona Ctrl+B, Ctrl+I och Ctrl+K. Klistra in celler från Excel, markera dem och klicka på ”Tabell”. Med ”Öppna fil” läser du in en befintlig .md-fil. Den stannar i din webbläsare.

Steg 3

Kontrollera förhandsgranskningen

Till höger, eller på mobilen under fliken ”Förhandsgranskning”, ser du resultatet för varje tecken. Med mer än 100 000 tecken visas förhandsgranskningen i läget ”README / GitHub” först efter ett klick på ”Visa förhandsvisning ändå”, och igen efter varje ändring. I Discord-läge visar redigeraren meddelandet i Discord-stil och varnar för tabeller, bilder och för långa texter.

Steg 4

Tillämpa resultat

Kopiera Markdown eller den färdiga HTML-koden, ladda ner dokumentet som en .md- eller .html-fil eller välj ”Spara som PDF” och sedan ”Spara som PDF” i utskriftsdialogen. För Discord kopierar du meddelandet och klistrar in det i chatten.

Markdown Viewer

Markdown Viewer: öppna och läs .md-filer och spara som PDF

Du behöver inget extra program för att läsa en .md-fil. Redigeraren öppnar den i din webbläsare, visar den formaterad och låter dig exportera den som PDF eller HTML.

Öppna MD-filer utan installation

Klicka på ”Öppna fil” och välj en .md-, .markdown-, .mdown- eller .txt-fil på upp till 2 MB. Din webbläsare läser den lokalt och ingenting laddas upp. I läget ”README / GitHub” visar förhandsgranskningen rubriker, tabeller, uppgiftslistor och kod med syntaxmarkering.

Konvertera Markdown till PDF

”Spara som PDF” öppnar webbläsarens utskriftsdialog med det formaterade dokumentet. Välj ”Spara som PDF” som mål. PDF-filen skapas på din enhet och redigeraren hämtar dokumenttiteln från den första rubriken.

Konvertera Markdown till HTML

”Kopiera HTML” lägger HTML-koden i urklipp, medan ”Ladda ner .html” sparar en fullständig sida med grundläggande formatering. Båda finns, liksom PDF-exporten, i läget ”README / GitHub”.

Grunderna

Vad är Markdown? En enkel förklaring

Markdown är ett enkelt sätt att formatera text med några få tecken. Du skriver vanlig text som ett program omvandlar till rubriker, listor, tabeller och länkar.

Så här ser det ut

Ett # i början av raden skapar en rubrik, **fetstil** gör text fet, ett bindestreck i början av raden skapar en listpunkt och hakparenteser följda av parenteser skapar en länk. Texten går att läsa även utan program.

Vad det används till

För README.md-filer på GitHub, teknisk dokumentation, anteckningar, foruminlägg och chattmeddelanden, till exempel i Discord. Filändelsen är .md eller .markdown.

Så testar du det

Skriv i textfältet ovan och se förhandsgranskningen direkt. Med ”Öppna fil” läser du en befintlig .md-fil, och med ”Spara som PDF” eller ”Kopiera HTML” delar du resultatet.

Markdown-tabell

Skapa Markdown-tabell: syntax, justering och import från Excel

En tabell består av en rubrikrad, en avgränsningsrad och datarader, med lodräta streck mellan kolumnerna på varje rad. Du kan skriva den för hand eller låta redigeraren skapa den från kopierade celler.

Struktur

Indata:

| Abonnemang | RAM i GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Förhandsgranskning:

AbonnemangRAM i GB
Basic4
Pro8

Justera kolumner

Ett kolon i avgränsningsraden bestämmer justeringen: vänster, centrerad eller höger.

| Vänsterjusterad | Centrerad | Högerjusterad |
| :--- | :---: | ---: |
| a | b | c |

Förhandsgranskning:

VänsterjusteradCentreradHögerjusterad
abc

Från Excel eller Google Sheets

Kopiera celler, klistra in, markera och klicka på ”Tabell”. Från den kopierade texten:

Abonnemang	RAM i GB
Basic	4
Pro	8

blir denna Markdown-tabell, där sifferkolumnen är högerjusterad:

| Abonnemang | RAM i GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Snabbguide till Markdown

Markdown-syntax i korthet

De viktigaste delarna av GitHub Flavored Markdown med inmatning och resultat. Den högra kolumnen skapas av samma renderare som förhandsvisningen i redigeraren.

Markdown-syntax och resultat
ElementMarkdownResultat
Rubriker
# Rubrik 1
## Rubrik 2
### Rubrik 3

Rubrik 1

Rubrik 2

Rubrik 3

Fetstil och kursiv
**fet**, *kursiv*, ***båda***

fet, kursiv, båda

Genomstruket
~~gammal~~ ny

gammal ny

Länk
[Länktext](https://example.com)
Bild
![Bildbeskrivning](https://example.com/bild.png)
Visar bilden; beskrivningen används som alternativtext.
Uppräkning
- Ett
- Två
  - Två A
  • Ett
  • Två
    • Två A
Numrerad lista
1. För det första
2. För det andra
  1. För det första
  2. För det andra
Uppgiftslista
- [x] klart
- [ ] öppen
  • klart
  • öppen
Citat
> Ett citat

Ett citat

Kod i löptext
Starta `npm run dev`

Starta npm run dev

Kodblock
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tabell
| Namn | Värde |
| --- | ---: |
| RAM | 8 |
NamnVärde
RAM8
Avskiljare
---

Discord Markdown

Formatera Discord-text: de viktigaste kommandona

Discord har en egen, enklare variant av Markdown. Välj ”Discord” ovan för att se hur ditt meddelande visas i chatten innan du skickar det.

Discord-formatering och resultat
ElementInmatningResultat i Discord
Fetstil
**fet**

fet

Kursiv
*kursiv* eller _kursiv_

kursiv eller kursiv

Understruken
__understruken__

understruken

Genomstruket
~~genomstruken~~

genomstruken

Kombinerad
__***understruken, fet och kursiv***__

understruken, fet och kursiv

Spoiler
||dold text||

Spoiler, klicka för att visa

Kod i löptext
`Kod`

Kod

Kodblock
```js
console.log('hi');
```
console.log('hi');
Citat
> Ett citat

Ett citat

Rubriker
# Stor
## Medel
### Liten

Stor

Medel

Liten

Liten text
-# Sidfot

Sidfot

Lista
- Ett
- Två
1. För det första
  • Ett
  • Två
  1. För det första
Länk med text
[Länktext](https://example.com)

Jämförelse

Jämförelse mellan GitHub Markdown och Discord Markdown

Text som ser bra ut i en README kan se fel ut i en Discord-chatt. Tabellen visar vad som fungerar var.

Vilka Markdown-funktioner som fungerar i GitHub och Discord
FunktionREADME / GitHubDiscordObservera
RubrikerJaDelvisGitHub: # till ######. Discord: endast # till ### i början av en rad.
Fetstil, kursiv och genomstruketJaJaSamma stavning i båda.
Understruken (__text__)NejJaPå GitHub betyder __text__ fetstil.
Spoiler (||text||)NejJaEndast Discord.
TabellerJaNejDiscord visar strecken som text.
Uppgiftslistor (- [ ])JaNejDiscord visar hakparenteserna som text.
Bilder (![](url))JaNejPå Discord laddar du upp bilder eller lägger upp länken.
Kodblock med språkJaJaBåda färgmarkerar koden utifrån språket.
HTML i textenDelvisNejGitHub stöder vissa taggar, Discord inga.
Citat (> text)JaJaDiscord stöder även >>> för allt fram till slutet.

Upptäck mer

Fler verktyg

FAQ

Vanliga frågor

Korta svar om .md-filer, PDF och HTML, tabeller från Excel, Discord-formatering och skyddet av dina data.

Markdown är ett enkelt sätt att formatera text med vanliga tecken: # skapar en rubrik, **fet** ger fetstil och ett bindestreck i början av en rad skapar en listpunkt. John Gruber publicerade det 2004. Markdown-filer har oftast filändelsen .md, mer sällan .markdown. Du hittar dem som README-filer på GitHub, i dokumentation och anteckningar. Även Discord använder Markdown för chattmeddelanden. Fördelen är att ren text förblir läsbar även utan formatering.

Klicka på ”Öppna fil” i redigeraren och välj en .md-, .markdown-, .mdown- eller .txt-fil på upp till 2 MB, eller klistra in innehållet i textfältet. I läget ”README / GitHub” visas den genast formaterad i förhandsgranskningen, med tabeller, uppgiftslistor och syntaxmarkerad kod. Med mer än 100 000 tecken visas förhandsgranskningen först efter ett klick på ”Visa förhandsvisning ändå”. Du behöver inte installera något och filen laddas inte upp: Din webbläsare läser den lokalt. Sedan kan du redigera texten och ladda ner den som .md igen.

Klicka på ”Spara som PDF” i läget ”README / GitHub”. Redigeraren öppnar webbläsarens utskriftsdialog med det formaterade dokumentet. Välj ”Spara som PDF” som mål och bekräfta. PDF-filen skapas på din enhet och ingenting laddas upp. Redigeraren hämtar dokumenttiteln från den första rubriken. Marginaler och sidhuvuden ställer du in i utskriftsdialogen.

En tabell består av en rubrikrad med vertikalstreck, en avskiljande rad med tre bindestreck per kolumn och datarader, till exempel | Name | RAM |, följt av | --- | ---: | och sedan | Pro | 8 |. Ett kolon på den avskiljande raden anger justeringen. Från Excel eller Google Sheets går det snabbare: kopiera cellerna, klistra in dem i textfältet, markera den inklistrade texten och klicka på ”Tabell”. Den första raden blir rubrikrad och kolumner som bara innehåller tal högerjusteras. CSV-rader med semikolon eller komma fungerar också, men knappen kan inte tolka CSV-fält där avgränsningstecknet står inom citattecken. Tabeller ingår i GitHub Flavored Markdown och fungerar inte i Discord.

I läget ”README / GitHub” kopierar ”Kopiera HTML” den färdiga HTML-koden. Till exempel blir **fet** till <strong>fet</strong>. ”Ladda ner .html” sparar en fullständig sida med grundläggande formatering. Av säkerhetsskäl tar redigeraren inte med HTML-taggar som du själv skriver i Markdown-texten, utan visar dem som text. Redigeraren kan inte exportera Word- eller .docx-filer. För Word laddar du ner .html-filen och öppnar den där, eller sparar dokumentet som PDF.

Växla till ”Discord” högst upp. Då gäller Discords skrivsätt: **fet**, *kursiv*, __understruken__, ~~genomstruken~~, ||spoiler|| och `kod`. # till ### i början av en rad skapar rubriker, -# gör en rad liten och grå, och > citerar en rad. Förhandsgranskningen visar meddelandet som i chatten. Räknaren jämför antalet tecken med gränsen på 2 000 tecken, eller 4 000 med Nitro. Discord stöder inte tabeller, bilder, avskiljare eller HTML, vilket redigeraren upplyser dig om. Med ”Kopiera meddelande” kopierar du texten.

En tom rad skiljer stycken åt. En enkel radbrytning i texten behandlas som ett blanksteg i en README, så texten fortsätter. För en tvingad radbrytning lägger du två blanksteg eller ett omvänt snedstreck i slutet av raden. I Discord är det enklare: där bevaras varje radbrytning du infogar med Skift+Enter.

Ingenting laddas upp: Förhandsgranskning, HTML-export, PDF och filöppning sker lokalt i din webbläsare. För att inget ska gå förlorat när du laddar om sidan sparar redigeraren ett utkast i webbläsarens lokala lagring. Med ”Rensa” tömmer du textfältet i den aktuella varianten. Då töms även det sparade utkastet. HTML i texten körs inte i förhandsgranskningen, utan visas som text, och länkar med osäkra scheman som javascript: tas bort.

Fler frågor?

Kontakta supporten
Bygger du något eget?

Ditt projekt behöver en server där det körs tillförlitligt

En ZAP-Hosting VPS ser till att din applikation, bot eller dokumentation finns tillgänglig online.

4,4/5 Trustpilot32.000+ Aktiva servrarSedan 2010

Ingen konfigurering. Ingen risk. Online på några sekunder.

Flexibel avtalstidAvsluta när som helstOnline på 60 sekunder

Letar du efter fler verktyg? Visa alla utvecklarverktyg