Pretvarač HTML-a u Markdown

Kako pretvoriti HTML u Markdown

1. Odaberi smjer: HTML → Markdown ili Markdown → HTML.
2. Zalijepi kod u polje za unos ili klikni Otvori datoteku da s računara učitaš .html, .htm, .md ili .txt datoteku (do 10 MB).
3. Podesi opcije. Za HTML → Markdown možeš odabrati stil Naslova, Oznaku liste i stil Blokova koda. Za Markdown → HTML opcija Očisti HTML (ukloni skripte i rukovaoce događajima) je po zadanim postavkama uključena.
4. Klikni Pretvori. Rezultat se ažurira i dok tipkaš.
5. Kopiraj ili preuzmi rezultat. Zamijeni smjer vraća rezultat u ulaz da ga pretvoriš u suprotnom smjeru i provjeriš povratni put.

Pregled ispod rezultata prikazuje kako se Markdown iscrtava, pa pretvaranje možeš provjeriti na prvi pogled.

Šta radi pretvaranje HTML-a u Markdown

Pretvarač čita tvoj HTML parserom samog preglednika, u neaktivnom dokumentu: skripte se ne izvršavaju, 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 (podvučeni) podvlači naslove nivoa 1 i 2 s === ili --- (nivoi 3 do 6 uvijek koriste #).
• <strong> i <b> postaju **podebljano**, <em> i <i> postaju _kurziv_, linijski <code> postaje obrnuti apostrofi.
• Linkovi postaju [tekst](url "naslov"), a slike ![alt](src).
• Liste koriste odabranu oznaku (-, * ili +); numerisane liste zadržavaju svoj broj start, a ugniježđene liste se uvlače.
• <pre><code> postaje blok koda, Ograđeni (```) ili Uvučeni (4 razmaka).
• <blockquote>, <hr> i prelomi redova se također 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 reda, escape-uju se obrnutom kosom crtom da tekst ostane doslovan.

GitHub Flavored Markdown

Kad je označeno GitHub Flavored Markdown (tabele, ~~precrtano~~, liste zadataka):

• Tabele postaju tabele s okomitim crtama i poravnatim kolonama. Zaglavlje dolazi iz reda <thead> ili reda sastavljenog samo od ćelija <th>; ako ga nema, dodaje se prazan red zaglavlja, jer ga GFM zahtijeva. Poravnanje kolona čita se iz align="right" ili style="text-align: center". Okomite crte unutar ćelija escape-uju se kao \|, prelomi redova postaju <br>, a colspan se dopunjava praznim ćelijama. <caption> se piše kao pasus iznad tabele.
• <del>, <s> i <strike> postaju ~~precrtano~~.
• Polja za potvrdu na početku stavki liste postaju stavke liste zadataka: - [x] gotovo, - [ ] za uraditi.

Markdown nema ekvivalent za ugniježđene tabele, spojene redove ili stilizovanje ćelija. Tabela koja sadrži drugu tabelu zadržava se kao sirovi HTML, što većina Markdown renderera prihvata. Bez opcije GFM svaka tabela se zadržava kao HTML.

Markdown → HTML

U suprotnom smjeru Markdown se iscrtava parserom usklađenim s CommonMarkom, uz GFM proširenja kad je opcija uključena. Izlaz su HTML fragmenti, spremni za lijepljenje u CMS, šablon e-pošte ili web-stranicu. Kad je označeno Očisti HTML (ukloni skripte i rukovaoce događajima), sirovi HTML ugrađen u Markdown se čisti: uklanjaju se oznake <script>, atributi onclick i javascript: linkovi. Isključi je samo za Markdown koji si sam napisao.