Konwerter HTML na Markdown
Wklej HTML i otrzymaj Markdown, który zachowuje strukturę: nagłówki, pogrubienie i kursywę, linki, obrazy, listy, cytaty, bloki kodu i proste tabele. Skrypty, style i opakowania układu są pomijane, a strona pokazuje, o ile krótszy jest wynik. Za darmo, bez rejestracji; HTML jest analizowany w Twojej przeglądarce i nigdzie nie jest przesyłany.
Jak korzystać z konwertera HTML na Markdown
- 1. Wklej swój HTML. Fragment albo cała strona — obie formy działają; konwertowana jest tylko treść elementu body.
- 2. Naciśnij Konwertuj na Markdown. Markdown pojawia się poniżej wraz z trzema licznikami: znaki HTML, znaki Markdown i redukcja rozmiaru.
- 3. Sprawdź wynik. Porównaj go z oryginałem, szczególnie tabele i zagnieżdżone listy (zob. ograniczenia poniżej).
- 4. Skopiuj go. Kopiuj Markdown umieszcza tekst w schowku, gotowy do pliku README, generatora stron statycznych albo aplikacji do notatek.
Na co zamienia się każdy element HTML
Narzędzie analizuje Twój HTML wbudowanym parserem przeglądarki i przechodzi po drzewie, więc uszkodzony kod jest naprawiany tak, jak zrobiłaby to przeglądarka. Każdy element jest następnie przypisywany do swojego odpowiednika w Markdown:
| HTML | Markdown |
|---|---|
h1 do h6 | # do ###### z tekstem nagłówka |
p | Akapit oddzielony pustymi wierszami |
br, hr | Podział wiersza; --- |
strong, b | **pogrubienie** |
em, i | *kursywa* |
code | Tekst otoczony pojedynczymi odwrotnymi apostrofami |
pre | Blok ogrodzony trzema odwrotnymi apostrofami, bez etykiety języka |
a | [tekst](adres) |
img |  |
ul, ol | Punkty - albo 1. 2. 3. przenumerowane od 1; podlisty wcinane o dwie spacje na poziom |
blockquote | Każdy wiersz poprzedzony znakiem > |
table | Tabela z pionowymi kreskami; pierwszy wiersz staje się nagłówkiem |
div, span, section, cokolwiek innego | Rozpakowywane: znacznik znika, jego zawartość zostaje |
script, style, head, meta, link, title, noscript, template, iframe | Usuwane razem z zawartością |
Przykład krok po kroku
HTML
<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>
Markdown
Nagłówek # Citation Basics; akapit o treści Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; lista - Author, - Year i wcięty - Month; następnie dwukolumnowa tabela z pionowymi kreskami, z separatorami --- i jednym wierszem: APA i 7th.
Liczniki
273 znaki HTML, 159 znaków Markdown, redukcja o 42%.
Markdown nie wyrazi wszystkiego, co potrafi HTML, i o to właśnie chodzi: wynik to struktura dokumentu, a nie jego prezentacja.
Ograniczenia do sprawdzenia
- Tabele są spłaszczane. Każda komórka sprowadzana jest do zwykłego tekstu, więc linki i wyróżnienia w komórkach giną, kreski pionowe w treści są zabezpieczane, a scalone komórki nie są rozumiane. Tabele z pionowymi kreskami to rozszerzenie GitHub Flavored Markdown, a nie część podstawowego CommonMark, więc sprawdź, czy miejsce docelowe je obsługuje.
- Niektóre znaczniki wbudowane są pomijane. Podkreślenie, przekreślenie, indeks górny i dolny nie mają tu odpowiednika w Markdown, więc ich tekst jest zachowywany bez formatowania.
- Znaki specjalne nie są zabezpieczane. Dosłowna gwiazdka lub podkreślnik w tekście zostaje tak, jak jest, i może zostać odczytana jako wyróżnienie przez renderer Markdown.
- Zagnieżdżone listy numerowane są wcinane o dwie spacje na poziom, co większość rendererów akceptuje, ale niektóre wymagają trzech spacji pod znacznikiem
1.. - Linki i obrazy zachowują oryginalne adresy, więc ścieżki względne pozostają względne.
Którego narzędzia potrzebujesz?
Użyj tej strony, aby zachować strukturę przy przechodzeniu z HTML na Markdown. Jeśli chcesz tylko słowa, Usuwanie znaczników HTML zwraca zwykły tekst. W drugą stronę Markdown na HTML renderuje Markdown, a Markdown na tekst sprowadza Markdown do zwykłego tekstu. Aby uporządkować HTML przed konwersją, użyj Formater HTML.
Najczęstsze pytania
- Które elementy HTML są konwertowane na Markdown?
- Nagłówki, akapity, podziały wierszy, linie poziome, pogrubienie, kursywa, kod wbudowany, bloki kodu, linki, obrazy, listy numerowane i punktowane, cytaty blokowe oraz proste tabele. Powyższa tabela pokazuje dokładne odwzorowanie.
- Czy obsługuje zagnieżdżone listy?
- Tak. Podlisty są wcinane o dwie spacje na poziom, a listy numerowane są przenumerowywane od 1. Lista, która w HTML zaczyna się od innej liczby, np.
start="5", też jest przenumerowywana od 1. - Co dzieje się ze znacznikami, których konwerter nie rozpoznaje?
- Są rozpakowywane: znacznik jest usuwany, a tekst zostaje. Element div lub span znika bez śladu, a script, style i podobne elementy są usuwane razem z zawartością.
- Czy może konwertować tabele HTML?
- Proste tak: stają się tabelami z pionowymi kreskami, z pierwszym wierszem jako nagłówkiem. Scalone komórki, zagnieżdżone tabele oraz linki lub formatowanie w komórkach nie są zachowywane.
- Czy działa na całej stronie internetowej?
- Tak, ale konwertuje wszystko w elemencie body, w tym menu nawigacyjne i stopki, jako zwykły tekst i linki. Dla artykułu wklej tylko HTML artykułu.
- Dlaczego Markdown wygląda prościej niż oryginalna strona?
- Markdown zapisuje strukturę — nagłówki, wyróżnienia, linki, listy — a nie kolory, czcionki ani układ. CSS, formularze i osadzone widżety są celowo pomijane.
- Czy mój HTML jest wysyłany na serwer?
- Nie. Konwersja działa w Twojej przeglądarce przy użyciu wbudowanego DOMParser, który nie uruchamia skryptów z wklejonego HTML, a nic, co wkleisz, nie opuszcza Twojego urządzenia.