# Markdown editor

> Markdown editor online s pregledom uživo: alatna traka, prečaci, tablice, popisi zadataka, fusnote, lijepljenje iz Worda te spremanje u PDF ili Word.

URL: https://acrafto.com/hr/markdown-editor-online/  
Updated: 2026-10-09

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Ovaj Markdown editor online prikazuje vaš tekst lijevo, a oblikovani rezultat desno. Pregled se mijenja sa svakom tipkom koju pritisnete. Razumije Markdown kakav se koristi na GitHubu, u datotekama README, na wikijima i u aplikacijama za bilješke poput Obsidiana: naslove, popise, popise zadataka, tablice, kod, citate, poveznice, slike i fusnote. Ne treba vam korisnički račun i ništa što upišete ne šalje se nikamo.

## Kako koristiti Markdown editor online

1. Upišite ili zalijepite Markdown u lijevo polje ili otvorite datoteku .md gumbom za datoteku na alatnoj traci. Datoteku možete i ispustiti bilo gdje na editor.
2. Pratite pregled desno. **Usklađeno pomicanje** drži obje strane na istom dijelu dokumenta dok pomičete bilo koju od njih.
3. Oblikujte tekst alatnom trakom ili prečacima, na primjer Ctrl+B za podebljano i Ctrl+K za poveznicu.
4. Kopirajte rezultat kao Markdown, HTML ili oblikovani tekst, ili ga preuzmite kao datoteku .md, .pdf, .docx, .html ili .txt.

Editor se otvara kratkim primjerom pod nazivom „Bilješke o projektu” u kojem se koriste svi uobičajeni elementi, pa sintaksu i njezin rezultat vidite jedno uz drugo prije nego što napišete vlastiti tekst.

## Markdown editor s pregledom uživo

Iznad editora nalaze se tri prikaza. **Usporedno** postavlja Markdown i pregled jedan uz drugi, **Pisanje** daje cijelu širinu tekstu, a **Pregled** prikazuje samo rezultat, pa služi kao jednostavan Markdown viewer za datoteku koju vam je netko poslao. Na mobitelu se editor prebacuje između prikaza **Pisanje** i **Pregled** jer bi dva stupca bila preuska za čitanje.

Pregled se iscrtava onako kako GitHub prikazuje Markdown: [CommonMark](https://commonmark.org/) s proširenjima [GitHub Flavored Markdown](https://github.github.com/gfm/), koja dodaju tablice, popise zadataka, precrtani tekst i automatske poveznice (obje stranice na engleskom). Naslovi dobivaju sidra kao na GitHubu, pa se na `## Plan izdanja` može uputiti poveznicom `#plan-izdanja`, a klik na takvu poveznicu pomiče pregled do tog naslova. Fusnote zapisane kao `[^1]` numeriraju se redoslijedom kojim ih prvi put spominjete i navode se na kraju.

Tekstno polje koristi provjeru pravopisa vašeg preglednika, pa su pogrešno napisane riječi podcrtane dok pišete. Ispod editora vidite broj riječi i znakova te vrijeme čitanja. Brojanje izostavlja Markdown sintaksu, pa se u naslovu označenom s `##` broje samo njegove riječi. Ako želite prebrojiti i rečenice i odlomke, zalijepite tekst u [brojač znakova i riječi](https://acrafto.com/hr/brojac-znakova-rijeci-i-normostranica/).

## Alatna traka i tipkovnički prečaci

Alatna traka pokriva sve što vam treba za uobičajeni dokument: **Naslov**, **Podebljano**, **Kurziv**, **Precrtano**, **Kod u retku**, **Poveznica**, **Slika**, **Citat**, **Blok koda**, **Popis s grafičkim oznakama**, **Numerirani popis**, **Popis zadataka**, **Tablica** i **Vodoravna crta**. Najprije označite tekst i gumb će ga obuhvatiti oznakama; pritisnete li isti gumb ponovno, oznake nestaju. Bez označenog teksta gumb umeće kratki zamjenski tekst koji je već označen, pa samo pišete preko njega.

Nekoliko pojedinosti štedi vrijeme:

- **Naslov** mijenja trenutačni redak redom u `#`, `##`, `###` i natrag u običan tekst.
- **Poveznica** pretvara označene riječi u `[riječi](https://)` i označava dio s adresom, spreman da zalijepite URL. Ako umjesto toga označite URL, on postaje adresa.
- Gumbi za popise i **Citat** djeluju na sve označene retke odjednom. Klik na gumb **Numerirani popis** na popisu s grafičkim oznakama pretvara ga u numerirani popis.
- Pritisnite Enter na kraju stavke popisa i sljedeća stavka počinje odgovarajućom oznakom. Brojevi rastu, novi zadatak počinje neoznačen, a Enter na praznoj stavci završava popis. Tab i Shift+Tab povećavaju i smanjuju uvlaku stavki popisa.
- Svaku promjenu napravljenu gumbom ili prečacem možete poništiti s Ctrl+Z.

Svi prečaci navedeni su u odjeljku **Tipkovnički prečaci** ispod editora. Na Macu se umjesto tipke Ctrl koristi tipka Command.

## Zalijepite iz Worda ili Google Docsa i dobijte Markdown

Kad zalijepite tekst kopiran iz Worda, Google Docsa ili s web-stranice, editor njegovo oblikovanje pretvara u Markdown umjesto da ga odbaci. Naslovi postaju retci s `#`, podebljani tekst i kurziv dobivaju zvjezdice, poveznice zadržavaju adrese, popisi s grafičkim oznakama i numerirani popisi (uključujući Wordove višerazinske popise) postaju Markdown popisi, a tablice postaju Markdown tablice s prvim retkom kao zaglavljem. To je najbrži način da postojeći dokument prebacite u README ili na wiki stranicu.

Ako ste htjeli samo goli tekst, kliknite **Zalijepi kao običan tekst** u obavijesti koja se pojavi nakon lijepljenja ili zalijepite s Ctrl+Shift+V. Kod kopiran iz VS Codea ili drugog uređivača koda, kao i tekst koji je već Markdown, lijepi se točno onakav kakav jest.

## Podsjetnik za Markdown sintaksu

Najčešća sintaksa na jednom mjestu. Upišite lijevi stupac u editor i u pregledu ćete dobiti desni stupac.

| Upisujete | Dobivate |
| :--- | :--- |
| `# Naslov`, `## Odjeljak`, `### Pododjeljak` | naslove razine 1 do 3 (do 6 s `######`) |
| `**podebljano**` i `*kurziv*` | **podebljano** i *kurziv* |
| `~~staro~~` | ~~staro~~ |
| `` `kod` `` | `kod` u fontu fiksne širine |
| `[tekst](https://example.com)` | poveznicu |
| `![opis](https://example.com/photo.png)` | sliku |
| `- stavka` ili `1. stavka` | popis s grafičkim oznakama ili numerirani popis |
| `- [ ] zadatak` i `- [x] gotovo` | popis zadataka s potvrdnim okvirima |
| `> citirani tekst` | citat |
| tri obrnuta apostrofa u retku prije i poslije koda | blok koda |
| `---` u zasebnom retku | vodoravnu crtu |
| `tekst[^1]` i `[^1]: napomena` | fusnotu |

Markdown tablica treba redak zaglavlja, razdjelni redak od crtica i zatim po jedan redak teksta za svaki redak tablice, s ćelijama odvojenima znakom `|`. Dvotočka u razdjelnom retku određuje poravnanje: `:--` poravnava lijevo, `:-:` centrira, a `--:` poravnava desno. Gumb **Tablica** umeće gotovu tablicu s tri stupca od koje možete krenuti. Ćelije u izvornom tekstu ne moraju biti poravnate jedna ispod druge, ali poravnanje olakšava kasnije uređivanje tablice.

Markdown prihvaća i HTML za ono za što nema vlastite sintakse, poput `<kbd>Ctrl</kbd>` za tipke, `<sub>` i `<sup>` za H₂O i x² ili `<details>` za odjeljak koji se otvara klikom. Skripte, stilovi i obrasci iz sigurnosnih se razloga uklanjaju iz pregleda.

## Kopirajte kao oblikovani tekst ili preuzmite datoteku

**Kopiraj Markdown** kopira izvorni tekst, **Kopiraj HTML** kopira čisti HTML spreman za web-stranicu ili CMS, a **Kopiraj kao oblikovani tekst** kopira oblikovani rezultat. Zalijepite ga u Google Docs, Word, Outlook ili Gmail i naslovi, podebljani tekst, popisi, poveznice i tablice stižu oblikovani, bez ijednog preostalog Markdown simbola.

Gumbi uz natpis **Preuzmi** jednim klikom spremaju dokument kao Markdown, PDF, Word, HTML ili običan tekst, a datoteka dobiva naziv prema naslovu iz front mattera ili prema prvom naslovu. Koriste razumne zadane postavke: papir A4 (Letter u SAD-u, Kanadi, Meksiku i drugim zemljama u kojima je on standard), normalne margine i tekst veličine 11 točaka. Ako želite odabrati veličinu stranice, fontove i margine, dodati sadržaj ili pretvoriti više datoteka odjednom, kliknite **Više mogućnosti izvoza**, čime se otvara [Markdown konverter](https://acrafto.com/hr/markdown-u-pdf-word-html/) s vašim tekstom već upisanim.

## Često postavljana pitanja

### Prenosi li se moj tekst na poslužitelj ili sprema li se negdje?

Ne. Pregled, pretvaranje i preuzimanja odvijaju se u vašem pregledniku, a tekst se nikad ne šalje poslužitelju. Prema zadanim postavkama ništa se ni ne sprema, pa tekst nestaje kad zatvorite karticu. Ako označite **Zapamti skicu u ovom pregledniku**, tekst se nakon svake promjene sprema u pohranu vašeg preglednika i vraća se pri sljedećem posjetu. Na zajedničkom računalu uklonite tu oznaku, čime se briše i spremljena skica.

### Kako otvoriti i pregledati .md datoteku online?

Kliknite gumb za datoteku na alatnoj traci ili ispustite datoteku na editor, a zatim prijeđite na **Pregled** da biste je čitali kao oblikovani dokument. Datoteke do 20 MB u kodiranju UTF-8 ili UTF-16 otvaraju se izravno. Slike u datoteci prikazuju se ako imaju punu web-adresu; slike spremljene pokraj datoteke na vašem računalu web-stranica ne može učitati.

### Koju varijantu Markdowna editor koristi?

Slijedi [CommonMark](https://spec.commonmark.org/) (na engleskom), standard oko kojeg se slaže većina Markdown alata, uz GitHubova proširenja: tablice, popise zadataka, precrtani tekst, automatske poveznice i fusnote. Tekst napisan za GitHub, GitLab, Obsidian, Reddit ili Discord ovdje izgleda jednako, osim značajki koje ti servisi dodaju povrh toga, poput spominjanja korisnika ili wiki poveznica u Obsidianu.

### Kako prebaciti Markdown u Google Docs?

Kliknite **Kopiraj kao oblikovani tekst** i zalijepite u dokument. Naslovi, popisi, poveznice i tablice zadržavaju oblikovanje. Novije verzije Google Docsa mogu i same čitati Markdown: kad Markdown uključite u postavkama u izborniku Alati, u izborniku za uređivanje pojavljuje se naredba za lijepljenje iz Markdowna.

### Podržava li editor dijagrame Mermaid ili matematiku u LaTeX-u?

Još ne. Blok Mermaid prikazuje se kao običan blok koda, a formule zapisane kao `$...$` ostaju običan tekst. Sve ostalo iz GitHub Flavored Markdowna je podržano.

### Što je Markdown i tko ga koristi?

Markdown je način oblikovanja običnog teksta s pomoću nekoliko simbola. Osmislio ga je John Gruber 2004. kako bi dokument ostao čitljiv i prije pretvaranja u HTML ([više na Wikipediji](https://en.wikipedia.org/wiki/Markdown), na engleskom). Programeri ga koriste za datoteke README i dokumentaciju, pisci za bilješke i skice, a AI chatbotovi u njemu odgovaraju, zbog čega su njihovi odgovori puni zvjezdica i znakova # kad ih zalijepite negdje drugdje.

Više alata za tekst pronaći ćete u kategoriji [Tekst](https://acrafto.com/hr/tekst/): [usporedite dvije verzije](https://acrafto.com/hr/usporedba-teksta/) dokumenta da biste vidjeli što se promijenilo ili odjednom [promijenite veličinu slova](https://acrafto.com/hr/case-converter/) u naslovima. Programeri će [JSON formatter](https://acrafto.com/hr/json-formatter-validator-online/) i druge alate pronaći u kategoriji [Programeri](https://acrafto.com/hr/programeri/).

## Other languages

- Čeština (cs): [Markdown editor](https://acrafto.com/cs/markdown-editor-online/) ([Markdown](https://acrafto.com/cs/markdown-editor-online/index.md))
- Slovenčina (sk): [Markdown editor](https://acrafto.com/sk/markdown-editor-online/) ([Markdown](https://acrafto.com/sk/markdown-editor-online/index.md))
- English (en): [Markdown Editor](https://acrafto.com/en/markdown-editor/) ([Markdown](https://acrafto.com/en/markdown-editor/index.md))
- Deutsch (de): [Markdown-Editor](https://acrafto.com/de/markdown-editor-online/) ([Markdown](https://acrafto.com/de/markdown-editor-online/index.md))
- Français (fr): [Éditeur Markdown](https://acrafto.com/fr/editeur-markdown-en-ligne/) ([Markdown](https://acrafto.com/fr/editeur-markdown-en-ligne/index.md))
- Español (es): [Editor de Markdown](https://acrafto.com/es/editor-markdown-online/) ([Markdown](https://acrafto.com/es/editor-markdown-online/index.md))
- Italiano (it): [Editor Markdown](https://acrafto.com/it/editor-markdown-online/) ([Markdown](https://acrafto.com/it/editor-markdown-online/index.md))
- Português (pt): [Editor Markdown](https://acrafto.com/pt/editor-markdown-online/) ([Markdown](https://acrafto.com/pt/editor-markdown-online/index.md))
- Nederlands (nl): [Markdown-editor](https://acrafto.com/nl/markdown-editor-online/) ([Markdown](https://acrafto.com/nl/markdown-editor-online/index.md))
- Polski (pl): [Edytor Markdown](https://acrafto.com/pl/edytor-markdown-online/) ([Markdown](https://acrafto.com/pl/edytor-markdown-online/index.md))
- Română (ro): [Editor Markdown](https://acrafto.com/ro/editor-markdown-online/) ([Markdown](https://acrafto.com/ro/editor-markdown-online/index.md))
- Magyar (hu): [Markdown-szerkesztő](https://acrafto.com/hu/markdown-szerkeszto-online/) ([Markdown](https://acrafto.com/hu/markdown-szerkeszto-online/index.md))
- Ελληνικά (el): [Markdown editor](https://acrafto.com/el/markdown-editor-online/) ([Markdown](https://acrafto.com/el/markdown-editor-online/index.md))
- Български (bg): [Markdown редактор](https://acrafto.com/bg/markdown-redaktor-onlayn/) ([Markdown](https://acrafto.com/bg/markdown-redaktor-onlayn/index.md))
- Slovenščina (sl): [Markdown editor](https://acrafto.com/sl/markdown-editor-online/) ([Markdown](https://acrafto.com/sl/markdown-editor-online/index.md))
- Eesti (et): [Markdowni redaktor](https://acrafto.com/et/markdown-editor-online/) ([Markdown](https://acrafto.com/et/markdown-editor-online/index.md))
- Latviešu (lv): [Markdown redaktors](https://acrafto.com/lv/markdown-editor-online/) ([Markdown](https://acrafto.com/lv/markdown-editor-online/index.md))
- Lietuvių (lt): [Markdown redaktorius](https://acrafto.com/lt/markdown-redaktorius-online/) ([Markdown](https://acrafto.com/lt/markdown-redaktorius-online/index.md))
- Svenska (sv): [Markdown editor](https://acrafto.com/sv/markdown-editor-online/) ([Markdown](https://acrafto.com/sv/markdown-editor-online/index.md))
- Dansk (da): [Markdown editor](https://acrafto.com/da/markdown-editor-online/) ([Markdown](https://acrafto.com/da/markdown-editor-online/index.md))
- Suomi (fi): [Markdown-editori](https://acrafto.com/fi/markdown-editor-online/) ([Markdown](https://acrafto.com/fi/markdown-editor-online/index.md))
- Norsk (no): [Markdown-editor](https://acrafto.com/no/markdown-editor-online/) ([Markdown](https://acrafto.com/no/markdown-editor-online/index.md))
- Українська (uk): [Markdown-редактор онлайн](https://acrafto.com/uk/markdown-redaktor-onlain/) ([Markdown](https://acrafto.com/uk/markdown-redaktor-onlain/index.md))
- Русский (ru): [Редактор Markdown](https://acrafto.com/ru/redaktor-markdown-onlayn/) ([Markdown](https://acrafto.com/ru/redaktor-markdown-onlayn/index.md))
- Српски (sr): [Markdown editor](https://acrafto.com/sr/markdown-editor-online/) ([Markdown](https://acrafto.com/sr/markdown-editor-online/index.md))
- Македонски (mk): [Markdown уредувач](https://acrafto.com/mk/markdown-editor-onlajn/) ([Markdown](https://acrafto.com/mk/markdown-editor-onlajn/index.md))
- Bosanski (bs): [Markdown editor](https://acrafto.com/bs/markdown-editor-online/) ([Markdown](https://acrafto.com/bs/markdown-editor-online/index.md))
- Shqip (sq): [Editor Markdown](https://acrafto.com/sq/markdown-editor-online/) ([Markdown](https://acrafto.com/sq/markdown-editor-online/index.md))
- Türkçe (tr): [Markdown editörü](https://acrafto.com/tr/markdown-editor-online/) ([Markdown](https://acrafto.com/tr/markdown-editor-online/index.md))
- 日本語 (ja): [Markdownエディタ](https://acrafto.com/ja/markdown-editor-online/) ([Markdown](https://acrafto.com/ja/markdown-editor-online/index.md))
- 한국어 (ko): [마크다운 에디터](https://acrafto.com/ko/markdown-editor-online/) ([Markdown](https://acrafto.com/ko/markdown-editor-online/index.md))
- العربية (ar): [محرر Markdown](https://acrafto.com/ar/markdown-editor-online/) ([Markdown](https://acrafto.com/ar/markdown-editor-online/index.md))
- हिन्दी (hi): [Markdown एडिटर](https://acrafto.com/hi/markdown-editor-online/) ([Markdown](https://acrafto.com/hi/markdown-editor-online/index.md))
- Bahasa Indonesia (id): [Editor Markdown](https://acrafto.com/id/editor-markdown-online/) ([Markdown](https://acrafto.com/id/editor-markdown-online/index.md))
- Tiếng Việt (vi): [Trình soạn thảo Markdown](https://acrafto.com/vi/markdown-editor-online/) ([Markdown](https://acrafto.com/vi/markdown-editor-online/index.md))
- ไทย (th): [Markdown Editor ออนไลน์](https://acrafto.com/th/markdown-editor-online/) ([Markdown](https://acrafto.com/th/markdown-editor-online/index.md))
- עברית (he): [עורך Markdown](https://acrafto.com/he/markdown-editor-online/) ([Markdown](https://acrafto.com/he/markdown-editor-online/index.md))