Markdown editor

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 s proširenjima GitHub Flavored Markdown, 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.

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
	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 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 (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, 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: usporedite dvije verzije dokumenta da biste vidjeli što se promijenilo ili odjednom promijenite veličinu slova u naslovima. Programeri će JSON formatter i druge alate pronaći u kategoriji Programeri.