Utilia

HTML uz Markdown pārveidotājs

Konvertējiet HTML uz Markdown un Markdown uz HTML pārlūkprogrammā, ar GitHub tabulām, svītrojumu, uzdevumu sarakstiem un drošu priekšskatījumu.

Konvertēšana

Priekšskatījums

Priekšskatījums ir attīrīts: skripti, veidlapas un notikumu apstrādātāji tiek noņemti, un attālie attēli netiek ielādēti.

Kā konvertēt HTML uz Markdown

  1. Izvēlieties virzienu: HTML → Markdown vai Markdown → HTML.
  2. Ielīmējiet kodu ievades lodziņā vai noklikšķiniet uz Atvērt failu, lai ielādētu .html, .htm, .md vai .txt failu no sava datora (līdz 10 MB).
  3. Pielāgojiet opcijas. HTML → Markdown gadījumā varat izvēlēties Virsraksti stilu, Saraksta marķieris un Koda bloki stilu. Markdown → HTML gadījumā pēc noklusējuma ir ieslēgts Attīrīt HTML (noņemt skriptus un notikumu apstrādātājus).
  4. Noklikšķiniet uz Konvertēt. Rezultāts atjaunojas arī rakstot.
  5. Nokopējiet vai lejupielādējiet rezultātu. Mainīt virzienu pārvieto rezultātu atpakaļ uz ievadi, lai varētu konvertēt otrā virzienā un pārbaudīt pilnu apli.

Priekšskatījums zem rezultāta rāda, kā Markdown tiek renderēts, tāpēc konvertēšanu var pārbaudīt īsā skatienā.

Ko dara HTML → Markdown konvertēšana

Pārveidotājs nolasa jūsu HTML ar pārlūkprogrammas paša parseri inertā dokumentā: skripti netiek izpildīti un attēli netiek lejupielādēti. Pēc tam tas apstaigā lapas struktūru un ieraksta katra elementa Markdown ekvivalentu:

  • <h1> līdz <h6> kļūst par virsrakstiem. ATX (# Virsraksts) raksta # līdz ######; Setext (pasvītroti) pasvītro 1. un 2. līmeņa virsrakstus ar === vai --- (3. līdz 6. līmenis vienmēr izmanto #).
  • <strong> un <b> kļūst par **treknraksts**, <em> un <i> – par _kursīvs_, iekļautais <code> – par atpakaļsvītrām.
  • Saites kļūst par [teksts](url "virsraksts") un attēli – par ![alt](src).
  • Saraksti izmanto izvēlēto marķieri (-, * vai +); numurētie saraksti saglabā savu start skaitli, un ligzdotie saraksti tiek ievilkti.
  • <pre><code> kļūst par koda bloku – Ar žogu (```) vai Ar atkāpi (4 atstarpes).
  • <blockquote>, <hr> un rindu pārtraukumi tiek konvertēti arī.
  • <script>, <style>, <iframe>, <noscript> un līdzīgi elementi tiek noņemti kopā ar saturu.

Rakstzīmes, kuras citādi tiktu lasītas kā Markdown sintakse, piemēram, * vai # rindas sākumā, tiek aizsargātas ar atpakaļsvītru, lai teksts paliktu burtisks.

GitHub Flavored Markdown

Ja ir atzīmēts GitHub Flavored Markdown (tabulas, ~~svītrojums~~, uzdevumu saraksti):

  • Tabulas kļūst par vertikālo svītru tabulām ar izlīdzinātām kolonnām. Galvene tiek ņemta no <thead> rindas vai rindas, kas sastāv tikai no <th> šūnām; ja tādas nav, tiek pievienota tukša galvenes rinda, jo GFM to prasa. Kolonnu izlīdzinājums tiek nolasīts no align="right" vai style="text-align: center". Vertikālās svītras šūnās tiek aizsargātas kā \|, rindu pārtraukumi kļūst par <br>, bet colspan tiek papildināts ar tukšām šūnām. <caption> tiek ierakstīts kā rindkopa virs tabulas.
  • <del>, <s> un <strike> kļūst par ~~svītrojums~~.
  • Izvēles rūtiņas saraksta vienumu sākumā kļūst par uzdevumu saraksta vienumiem: - [x] izdarīts, - [ ] jāizdara.

Markdown nav ekvivalenta ligzdotām tabulām, apvienotām rindām vai šūnu stilam. Tabula, kas satur citu tabulu, tiek saglabāta kā neapstrādāts HTML, ko pieņem lielākā daļa Markdown renderētāju. Bez GFM opcijas katra tabula tiek saglabāta kā HTML.

Markdown → HTML

Otrā virzienā Markdown tiek renderēts ar CommonMark atbilstošu parseri, ar GFM paplašinājumiem, ja opcija ir ieslēgta. Izvade ir HTML fragmenti, gatavi ielīmēšanai CMS, e-pasta veidnē vai tīmekļa lapā. Kad ir atzīmēts Attīrīt HTML (noņemt skriptus un notikumu apstrādātājus), Markdown iegultais neapstrādātais HTML tiek attīrīts: <script> birkas, onclick atribūti un javascript: saites tiek noņemti. Noņemiet atzīmi tikai Markdown, ko esat uzrakstījis pats.

Biežāk uzdotie jautājumi

Vai mans HTML tiek sūtīts uz serveri?

Nē. Abas konvertēšanas notiek pilnībā jūsu pārlūkprogrammā, un lapa nekad neaugšupielādē to, ko ielīmējat vai atverat. Varat droši konvertēt iekšējo dokumentāciju vai melnrakstus.

Vai priekšskatījums ir drošs ar neuzticamu HTML?

Jā. Priekšskatījums vienmēr tiek izvadīts caur DOMPurify: skripti, veidlapas, rāmji un notikumu apstrādātāji tiek noņemti, saites atveras jaunā cilnē bez piekļuves šai lapai, un attālie attēli netiek ielādēti. Tiek rādīti tikai attēli, kas iegulti kā data: URL.

Kāpēc dažas manas lapas daļas pazūd?

Markdown apraksta tikai satura struktūru. Izkārtojuma elementiem, CSS klasēm, iekļautajiem stiliem, veidlapām un iegultiem logrīkiem nav Markdown formas, tāpēc tiek saglabāts tikai to teksts. Skripti un stili tiek noņemti pilnībā.

Vai varu konvertēt veselu tīmekļa lapu?

Jā. Ielīmējiet pilnu pirmkodu, ieskaitot <html> un <head>: tiek konvertēts tikai <body> saturs. Lai Markdown būtu tīrāks, ielīmējiet tikai raksta daļu, nevis navigāciju un kājeni.

Kādu Markdown variantu izmanto izvade?

Izvade atbilst CommonMark – standartam, ko atbalsta GitHub, GitLab, Obsidian, lielākā daļa statisko vietņu ģeneratoru un daudzi CMS redaktori. Tabulas, svītrojums un uzdevumu saraksti atbilst GitHub Flavored Markdown specifikācijai.