Utilia
Kategorije ▾
Jezik: hr ▾

Pretvarač HTML-a u Markdown

Pretvaraj HTML u Markdown i Markdown u HTML u pregledniku, uz GitHub tablice, precrtani tekst, popise zadataka i siguran pregled. Ništa se ne šalje.

Pretvorba

Pregled

Pregled je očišćen: skripte, obrasci i rukovatelji događajima su uklonjeni, a udaljene slike se nikada ne učitavaju.

Kako pretvoriti HTML u Markdown

  1. Odaberi smjer: HTML → Markdown ili Markdown → HTML.
  2. Zalijepi kôd u polje za unos ili klikni Otvori datoteku da s računala učitaš datoteku .html, .htm, .md ili .txt (do 10 MB).
  3. Prilagodi opcije. Za HTML → Markdown možeš odabrati stil Naslovi, Oznaka popisa i stil Blokovi kôda. Za Markdown → HTML opcija Očisti HTML (ukloni skripte i rukovatelje događajima) uključena je prema zadanim postavkama.
  4. Klikni Pretvori. Rezultat se osvježava i dok tipkaš.
  5. Kopiraj ili preuzmi rezultat. Zamijeni smjer vraća rezultat u unos da ga pretvoriš u drugom smjeru i provjeriš povratni put.

Pregled ispod rezultata pokazuje kako se Markdown iscrtava, pa pretvorbu možeš provjeriti jednim pogledom.

Što radi pretvorba HTML → Markdown

Pretvarač čita tvoj HTML preglednikovim vlastitim parserom, u inertnom dokumentu: skripte se ne izvode, a slike se ne preuzimaju. Zatim prolazi kroz strukturu stranice i piše Markdown ekvivalent svakog elementa:

  • <h1> do <h6> postaju naslovi. ATX (# Naslov) piše # do ######; Setext (podcrtano) podcrtava naslove razine 1 i 2 s === ili --- (razine 3 do 6 uvijek koriste #).
  • <strong> i <b> postaju **podebljano**, <em> i <i> postaju _kurziv_, linijski <code> postaje tekst u obrnutim jednostrukim navodnicima.
  • Poveznice postaju [tekst](url "naslov"), a slike ![alt](src).
  • Popisi koriste odabranu oznaku (-, * ili +); numerirani popisi zadržavaju svoj broj start, a ugniježđeni popisi su uvučeni.
  • <pre><code> postaje blok kôda, Ograđeni (```) ili Uvučeni (4 razmaka).
  • <blockquote>, <hr> i prijelomi redaka također se pretvaraju.
  • <script>, <style>, <iframe>, <noscript> i slični elementi uklanjaju se zajedno sa sadržajem.

Znakovi koji bi se inače čitali kao Markdown sintaksa, poput * ili # na početku retka, escapeaju se obrnutom kosom crtom pa tekst ostaje doslovan.

GitHub Flavored Markdown

Kad je označeno GitHub Flavored Markdown (tablice, ~~precrtano~~, popisi zadataka):

  • Tablice postaju tablice s okomitim crtama i poravnatim stupcima. Zaglavlje dolazi iz retka <thead> ili retka sastavljenog samo od ćelija <th>; ako ga nema, dodaje se prazan redak zaglavlja jer ga GFM zahtijeva. Poravnanje stupaca čita se iz align="right" ili style="text-align: center". Okomite crte unutar ćelija escapeaju se kao \|, prijelomi redaka postaju <br>, a colspan se dopunjuje praznim ćelijama. <caption> se piše kao odlomak iznad tablice.
  • <del>, <s> i <strike> postaju ~~precrtano~~.
  • Potvrdni okviri na početku stavki popisa postaju stavke popisa zadataka: - [x] gotovo, - [ ] za napraviti.

Markdown nema ekvivalent za ugniježđene tablice, spojene retke ni stiliziranje ćelija. Tablica koja sadrži drugu tablicu zadržava se kao sirovi HTML, što prihvaća većina Markdown iscrtavača. Bez opcije GFM svaka se tablica zadržava kao HTML.

Markdown → HTML

U drugom smjeru Markdown se iscrtava parserom usklađenim s CommonMarkom, uz GFM proširenja kad je opcija uključena. Izlaz su HTML isječci, spremni za lijepljenje u sustav za upravljanje sadržajem, predložak e-pošte ili web-stranicu. Kad je označeno Očisti HTML (ukloni skripte i rukovatelje događajima), sirovi HTML ugrađen u Markdown se čisti: oznake <script>, atributi onclick i poveznice javascript: uklanjaju se. Isključi to samo za Markdown koji si sam napisao.

Česta pitanja

Šalje li se moj HTML na poslužitelj?

Ne. Obje pretvorbe izvode se u cijelosti u tvom pregledniku, a stranica nikada ne šalje ono što zalijepiš ili otvoriš. Možeš bez brige pretvarati internu dokumentaciju ili nacrte.

Je li pregled siguran s nepouzdanim HTML-om?

Da. Pregled uvijek prolazi kroz DOMPurify: skripte, obrasci, okviri i rukovatelji događajima se uklanjaju, poveznice se otvaraju u novoj kartici bez pristupa ovoj stranici, a udaljene slike se nikada ne učitavaju. Prikazuju se samo slike ugrađene kao data: URL-ovi.

Zašto neki dijelovi moje stranice nestaju?

Markdown opisuje samo strukturu sadržaja. Elementi rasporeda, CSS klase, ugrađeni stilovi, obrasci i ugrađeni widgeti nemaju Markdown oblik, pa se zadržava samo njihov tekst. Skripte i stilovi uklanjaju se u potpunosti.

Mogu li pretvoriti cijelu web-stranicu?

Da. Zalijepi cijeli izvor, uključujući <html> i <head>: pretvara se samo sadržaj elementa <body>. Za čišći Markdown zalijepi samo dio s člankom, a ne navigaciju i podnožje.

Koju inačicu Markdowna izlaz koristi?

Izlaz prati CommonMark, standard koji podržavaju GitHub, GitLab, Obsidian, većina generatora statičkih stranica i mnogi uređivači sustava za upravljanje sadržajem. Tablice, precrtani tekst i popisi zadataka prate specifikaciju GitHub Flavored Markdowna.

Slični alati