Markdown editor

Acrafto Team Tekst
Ažurirano
Bilješke o projektu

Pišite Markdown lijevo, a formatirani pregled pojavljuje se desno. Ništa što upišete ne napušta vaš preglednik.

Formatiranje

Koristite podebljano, kurziv, precrtano, kod u tekstu i linkove. Označite riječ i pritisnite Ctrl+B da biste je podebljali.

Savjet: zalijepite tekst iz Worda, Google Docsa ili sa web stranice i formatiranje će se pretvoriti u Markdown.

Liste
  • Isplanirati izdanje
  • Napisati spisak promjena
    • Prvo nekompatibilne promjene
  • Objaviti
  1. Otvorite .md datoteku
  2. Uredite tekst
  3. Preuzmite ga kao PDF, Word ili HTML
  • Napraviti nacrt
  • Pregledati s timom
Tabela
Sintaksa Rezultat
**podebljano** podebljano
*kurziv* kurziv
[^1] fusnota
Kod
function greet(name) {
  return `Hello, ${name}!`;
}

Fusnote se numerišu automatski.1


  1. Navode se na kraju pregleda i svakog izvoza. ↩︎

Riječi: 119 · Znakova: 863 · Čitanje: 1 min

Više opcija izvoza →
Prečice na tastaturi
Ctrl+BPodebljano
Ctrl+IKurziv
Ctrl+KLink
EnterNastavlja listu ili citat, prazna stavka ih završava
Tab / Shift+TabUvlači ili izvlači stavku liste
Ctrl+SPreuzima .md datoteku
Ctrl+Shift+VLijepi bez pretvaranja formatiranja

Ovaj Markdown editor online prikazuje vaš tekst lijevo, a formatirani rezultat desno, i pregled se mijenja sa svakom tipkom koju pritisnete. Razumije Markdown koji se koristi na GitHubu, u README datotekama, wikijima i aplikacijama za bilješke kao što je Obsidian: naslove, liste, liste zadataka, tabele, kod, citate, linkove, slike i fusnote. Ne treba vam korisnički račun i ništa što upišete nigdje se ne šalje.

Kako koristiti Markdown editor online

  1. Upišite ili zalijepite Markdown u lijevo polje, ili otvorite .md datoteku dugmetom za datoteku na alatnoj traci. Datoteku možete i ispustiti bilo gdje na editor.
  2. Pratite pregled desno. Sinhronizovano pomjeranje drži obje strane na istom dijelu dokumenta dok pomjerate bilo koju od njih.
  3. Formatirajte tekst alatnom trakom ili prečicama, kao što su Ctrl+B za podebljani tekst i Ctrl+K za link.
  4. Kopirajte rezultat kao Markdown, kao HTML ili kao formatirani tekst, ili ga preuzmite kao .md, .pdf, .docx, .html ili .txt datoteku.

Editor se otvara kratkim primjerom pod nazivom „Bilješke o projektu“ koji koristi sve uobičajene elemente, pa sintaksu i njen rezultat vidite jedno pored drugog prije nego što napišete vlastiti tekst.

Markdown editor s pregledom uživo

Iznad editora nalaze se tri prikaza. Uporedo stavlja Markdown i pregled jedan pored drugog, Pisanje daje cijelu širinu tekstu, a Pregled prikazuje samo rezultat, pa služi kao jednostavan Markdown viewer za datoteku koju vam je neko poslao. Na mobitelu editor prelazi između prikaza Pisanje i Pregled, jer bi dvije kolone bile preuske za čitanje.

Pregled se prikazuje onako kako Markdown prikazuje GitHub: CommonMark s proširenjima GitHub Flavored Markdown (obje stranice na engleskom), koja dodaju tabele, liste zadataka, precrtani tekst i automatske linkove. Naslovi dobijaju sidra kao na GitHubu, pa se na ## Plan izdanja može uputiti linkom #plan-izdanja, a klik na takav link pomjera pregled do naslova. Fusnote napisane kao [^1] numerišu se redoslijedom kojim ih prvi put spomenete i navode se na kraju.

Tekstualno polje koristi provjeru pravopisa vašeg preglednika, pa su pogrešno napisane riječi podvučene dok pišete. Ispod editora vidite broj riječi i znakova te vrijeme čitanja. Brojanje izostavlja Markdown sintaksu, pa se kod naslova označenog s ## broje samo njegove riječi. Da biste prebrojali i rečenice i pasuse, zalijepite tekst u brojač riječi i znakova.

Alatna traka i prečice na tastaturi

Alatna traka pokriva sve što vam treba za tipičan dokument: Naslov, Podebljano, Kurziv, Precrtano, Kod u tekstu, Link, Slika, Citat, Blok koda, Lista s oznakama, Numerisana lista, Lista zadataka, Tabela i Horizontalna linija. Najprije označite tekst i dugme će ga obuhvatiti oznakama; ponovo pritisnite isto dugme i oznake nestaju. Bez označenog teksta dugme umeće kratak tekst za popunjavanje koji je već označen, pa samo pišete preko njega.

Nekoliko detalja štedi vrijeme:

  • Svakim klikom na Naslov trenutni red redom dobija #, ##, ###, a zatim se vraća u običan tekst.
  • Link 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.
  • Dugmad za liste i Citat rade na svim označenim redovima odjednom. Klik na Numerisana lista na listi s oznakama pretvara je u numerisanu.
  • Pritisnite Enter na kraju stavke liste i sljedeća stavka počinje odgovarajućom oznakom. Brojevi se povećavaju, novi zadatak počinje neoznačen, a Enter na praznoj stavci završava listu. Tab i Shift+Tab uvlače i izvlače stavke liste.
  • Svaka promjena napravljena dugmetom ili prečicom može se poništiti sa Ctrl+Z.

Sve prečice navedene su u odjeljku Prečice na tastaturi ispod editora. Na Macu umjesto Ctrl koriste tipku Command.

Zalijepite iz Worda ili Google Docsa i dobijte Markdown

Kada zalijepite tekst kopiran iz Worda, Google Docsa ili sa web stranice, editor njegovo formatiranje pretvara u Markdown umjesto da ga odbaci. Naslovi postaju redovi s #, podebljani tekst i kurziv dobijaju svoje zvjezdice, linkovi zadržavaju adrese, liste s oznakama i numerisane liste (uključujući Wordove liste s više nivoa) postaju Markdown liste, a tabele postaju Markdown tabele s prvim redom kao zaglavljem. Ovo je najbrži način da postojeći dokument prebacite u README ili wiki stranicu.

Ako ste htjeli samo goli tekst, kliknite Umjesto toga koristi običan tekst u napomeni koja se pojavi nakon lijepljenja ili zalijepite sa Ctrl+Shift+V. Kod kopiran iz VS Codea ili nekog drugog editora koda, kao i tekst koji je već Markdown, lijepi se tačno onakav kakav jeste.

Šalabahter za Markdown sintaksu

Najčešća sintaksa na jednom mjestu. Upišite lijevu kolonu u editor i u pregledu ćete vidjeti desnu.

UpišeteDobijete
# Naslov, ## Odjeljak, ### PododjeljakNaslove od nivoa 1 do 3 (do 6 sa ######)
**podebljano** i *kurziv*podebljano i kurziv
~~staro~~staro
`kod`kod u fontu fiksne širine
[tekst](https://example.com)link
![opis](https://example.com/photo.png)sliku
- stavka ili 1. stavkalistu s oznakama ili numerisanu listu
- [ ] zadatak i - [x] gotovolistu zadataka s poljima za označavanje
> citirani tekstcitat
tri obrnuta apostrofa u redu prije i poslije kodablok koda
--- u zasebnom reduhorizontalnu liniju
tekst[^1] i [^1]: napomenafusnotu

Markdown tabela mora imati red zaglavlja, red razdjelnika od crtica i zatim po jedan red teksta za svaki red tabele, s ćelijama odvojenim znakom |. Dvotačka u razdjelniku određuje poravnanje: :-- poravnava lijevo, :-: centrira, a --: poravnava desno. Dugme Tabela umeće gotovu tabelu s tri kolone kao polazište. Ćelije u izvornom tekstu ne moraju biti poravnate, ali poravnatu tabelu kasnije je lakše uređivati.

Markdown prihvata i HTML za stvari za koje nema vlastitu sintaksu, kao što su <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 se iz sigurnosnih razloga uklanjaju iz pregleda.

Kopirajte kao formatirani tekst ili preuzmite datoteku

Kopiraj Markdown kopira izvorni tekst, Kopiraj HTML kopira čist HTML spreman za web stranicu ili CMS, a Kopiraj kao formatirani tekst kopira formatirani rezultat. Zalijepite ga u Google Docs, Word, Outlook ili Gmail i naslovi, podebljani tekst, liste, linkovi i tabele stižu formatirani, bez ijednog preostalog Markdown simbola.

Dugmad u grupi Preuzmi jednim klikom čuvaju dokument kao Markdown, PDF, Word, HTML ili običan tekst, s nazivom prema naslovu iz front mattera ili prvom naslovu u tekstu. Koriste razumne zadane postavke: papir A4 (Letter u SAD-u, Kanadi, Meksiku i drugim zemljama gdje je on standard), normalne margine i tekst veličine 11 pt. Da biste odabrali veličinu stranice, fontove i margine, dodali sadržaj ili pretvorili više datoteka odjednom, koristite Više opcija izvoza, što otvara Markdown konverter s već unesenim tekstom.

Često postavljana pitanja

Da li se moj tekst negdje šalje ili čuva?

Ne. Pregled, pretvaranje i preuzimanja odvijaju se u vašem pregledniku i tekst se nikad ne šalje na server. Prema zadanim postavkama ništa se ni ne čuva, pa tekst nestaje kad zatvorite karticu. Ako označite Čuvaj nacrt u ovom pregledniku, tekst se nakon svake promjene čuva u memoriji vašeg preglednika i vraća se pri sljedećoj posjeti. Na zajedničkom računaru isključite ovu opciju, čime se briše i sačuvani nacrt.

Kako otvoriti i pregledati .md datoteku online?

Kliknite dugme za datoteku na alatnoj traci ili ispustite datoteku na editor, a zatim pređite na Pregled da je čitate kao formatirani dokument. Datoteke do 20 MB u kodiranju UTF-8 ili UTF-16 otvaraju se direktno. Slike iz datoteke prikazuju se kad imaju punu web adresu; slike sačuvane pored datoteke na vašem računaru web stranica ne može učitati.

Koju varijantu Markdowna editor koristi?

Prati CommonMark (na engleskom), standard oko kojeg se slaže većina Markdown alata, uz GitHubova proširenja: tabele, liste zadataka, precrtani tekst, automatske linkove i fusnote. Tekst napisan za GitHub, GitLab, Obsidian, Reddit ili Discord ovdje izgleda isto, osim funkcija koje ti servisi dodaju povrh toga, kao što su spominjanja korisnika ili wiki linkovi u Obsidianu.

Kako prebaciti Markdown u Google Docs?

Kliknite Kopiraj kao formatirani tekst i zalijepite u dokument. Naslovi, liste, linkovi i tabele zadržavaju formatiranje. Novije verzije Google Docsa mogu i same čitati Markdown: kada u postavkama Google Docsa uključite podršku za Markdown, u meniju za uređivanje pojavljuje se opcija za lijepljenje iz Markdowna.

Da li editor podržava Mermaid dijagrame ili LaTeX formule?

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

Šta je Markdown i ko ga koristi?

Markdown je način formatiranja običnog teksta pomoću nekoliko simbola, koji je 2004. godine osmislio John Gruber kako bi dokument ostao čitljiv i prije nego što se pretvori u HTML (više na Wikipediji, na engleskom). Programeri ga koriste za README datoteke i dokumentaciju, pisci za bilješke i nacrte, a AI chat alati u njemu odgovaraju, zbog čega su njihovi odgovori puni zvjezdica i znakova # kada se zalijepe negdje drugdje.

Više alata za tekst nalazi se u kategoriji Tekst: uporedite dvije verzije dokumenta da vidite šta se promijenilo ili promijenite veličinu slova u naslovima odjednom. Programeri će JSON formatter i druge alate pronaći u kategoriji Programeri.

Cijenio bih ako biste podijelili ove stranice s prijateljima, spremili ih u favorite ili linkali na njih. Hvala! 🙏