Konwerter Markdown ↔ HTML
Renderuj Markdown do HTML z podglądem na żywo lub zamień HTML z powrotem w Markdown
O tym narzędziu
Pisz albo wklejaj Markdown i oglądaj obok siebie wyrenderowany podgląd i wygenerowany HTML — z nagłówkami, tabelami GFM, punktami w stylu list zadań, blokami kodu w ogrodzeniach i przekreśleniem. Kierunek odwrotny zamienia istniejący HTML w czysty Markdown z nagłówkami ATX, punktami z myślnikiem i kodem w ogrodzeniach, co jest najszybszą drogą do przeniesienia starych treści z CMS-a do repozytorium dokumentacji.
Podgląd jest oczyszczany przed renderowaniem: skrypty, ramki iframe i atrybuty obsługi zdarzeń są usuwane, więc udostępniony link niosący wrogi kod nie uruchomi niczego w Twojej przeglądarce. Pole wyjściowe HTML zawsze pokazuje surową konwersję do skopiowania do szablonów albo maili.
Konwersja i podgląd działają lokalnie. Szkice informacji o wydaniu z nazwami niezapowiedzianych funkcji zostają na Twojej maszynie.
Często zadawane pytania
- Która to odmiana Markdowna?
- CommonMark plus te rozszerzenia GitHuba, których ludzie faktycznie używają: tabele, przekreślenie i automatyczne linkowanie adresów. Miękkie łamania wierszy pozostają miękkie — pojedynczy znak nowej linii nie zamienia się w <br>, zgodnie z tym, jak GitHub renderuje dokumenty.
- Dlaczego podgląd różni się od surowego wyjścia HTML?
- Podgląd przechodzi przez sanityzator, który przed renderowaniem usuwa znaczniki script, wbudowane procedury obsługi zdarzeń i adresy javascript:. Pole wyjściowe pomija sanityzację, bo to tekst, a nie renderowany dokument — jeśli osadzasz HTML od użytkowników, oczyść go u siebie.
- Jak wierna jest konwersja HTML → Markdown?
- Elementy strukturalne — nagłówki, listy, odnośniki, wyróżnienia, kod, cytaty, obrazy — konwertują się czysto. HTML bez odpowiednika w Markdownie (zagnieżdżone tabele, divy z klasami, style inline) przechodzi jako surowy HTML albo traci stylowanie, więc szybkie przejrzenie wyniku bywa opłacalne.
- Czy mogę użyć wygenerowanego HTML-a w e-mailu?
- Tak — wynik to zwykły semantyczny HTML bez klas i zewnętrznych arkuszy stylów, czyli dokładnie to, co klienci poczty znoszą najlepiej. Potrzebne stylowanie dołóż na wierzchu jako inline.