UltKit

Konwerter HTML na Markdown

HTML służy do wyświetlania treści, a w Markdownie coraz więcej osób woli ją pisać i przechowywać. Ten konwerter zamienia pliki .html na czytelny tekst .md, dzięki czemu archiwum bloga, centrum pomocy czy zapisany artykuł można przenieść do strony statycznej, notatek lub repozytorium Git.

Konwerter dokumentów

lub upuść Pliki PDF, DOC, DOCX … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Plik wynikowy

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 1

    Prześlij pliki HTML

    Dodaj pliki .html lub .htm, maksymalnie 20 w jednej partii i do 95 MB każdy. Sprawdzi się strona zapisana z przeglądarki, eksport z CMS-a lub ręcznie napisany plik.

  2. 2

    Sprawdź ustawienia tekstu

    Ustaw Konwertuj na Markdown, Formatowanie na Uproszczone, Kodowanie tekstu na UTF-8 i Znaki końca wiersza na LF. To ustawienie pasuje do Gita, generatorów stron statycznych oraz edytorów w macOS i Linuksie.

  3. 3

    Konwertuj do Markdown

    Kliknij Konwertuj na Markdown, a potem otwórz plik .md w dowolnym edytorze tekstu i usuń pozostałe menu lub stopki. Przesłane pliki są usuwane po 30 minutach.

Aby przekonwertować HTML na Markdown, prześlij plik .html i kliknij Konwertuj na Markdown: nagłówki zamienią się w linie z #, linki w tekst, listy zachowają punktory i numerację, a proste tabele staną się tabelami z kreskami pionowymi.

HTML na Markdown: komu się przydaje i dlaczego

John Gruber opublikował Markdown w 2004 roku, a jego współpracownikiem był Aaron Swartz. Miał to być sposób pisania dla internetu zwykłym tekstem, który czyta się naturalnie nawet przed renderowaniem. Dwadzieścia lat później jest to natywny format plików README na GitHubie, generatorów stron statycznych, takich jak Jekyll i Hugo, narzędzi do dokumentacji, aplikacji do notatek, takich jak Obsidian, oraz folderów z treścią wielu nowoczesnych stron.

To tworzy stały przepływ w kierunku przeciwnym do zwykłego. Zespoły odchodzące od CMS-a opartego na bazie danych potrzebują wpisów z wielu lat jako plików .md. Autorzy zapisują artykuły w skarbcu notatek. Programiści przenoszą starą sekcję pomocy w HTML do repozytorium z dokumentacją jako kodem, gdzie zmiany są recenzowane w pull requestach. W każdym z tych przypadków HTML jest jedyną kopią, a ręczne przepisywanie jest nierealne. Dla dokumentów Word to samo zadanie wykonuje DOCX do Markdown.

Które elementy HTML mają odpowiednik w Markdownie

from ↓ · to →CommonMarkGitHub Flavored Markdown
Nagłówki h1–h6Nagłówki h1–h6 to CommonMark: yesNagłówki h1–h6 to GitHub Flavored Markdown: yes
Linki i obrazyLinki i obrazy to CommonMark: yesLinki i obrazy to GitHub Flavored Markdown: yes
Listy i cytaty blokoweListy i cytaty blokowe to CommonMark: yesListy i cytaty blokowe to GitHub Flavored Markdown: yes
Bloki code i preBloki code i pre to CommonMark: yesBloki code i pre to GitHub Flavored Markdown: yes
Proste tabele– Proste tabele to CommonMark: noProste tabele to GitHub Flavored Markdown: yes
Przekreślenie– Przekreślenie to CommonMark: noPrzekreślenie to GitHub Flavored Markdown: yes
Scalone komórki tabeli– Scalone komórki tabeli to CommonMark: no– Scalone komórki tabeli to GitHub Flavored Markdown: no
Formularze, wideo, iframe– Formularze, wideo, iframe to CommonMark: no– Formularze, wideo, iframe to GitHub Flavored Markdown: no
supported not offeredCommonMark, określony w 2014 roku, to ścisły trzon; GitHub Flavored Markdown, określony w 2017 roku, dodaje tabele, przekreślenie i listy zadań. Wszystko, co nie ma odpowiednika w Markdown, może zostać jako surowy HTML, który oba warianty dopuszczają.

Wynik konwersji HTML na Markdown: czego się spodziewać

Nazwy klas, style inline, skrypty i divy układu są pomijane, ponieważ Markdown opisuje znaczenie, a nie wygląd. Pogrubienie i kursywa zamieniają się w podwójne i pojedyncze gwiazdki, łamania wierszy wewnątrz akapitu są łączone, a encje znakowe, takie jak  , stają się zwykłymi znakami w UTF-8. Plik .md będzie ułamkiem rozmiaru HTML: słowa zostają, znaczniki znikają.

MitMarkdown odtworzy dowolny układ HTML.

FaktObejmuje tylko strukturę tekstu; kolumny, kolory i pozycjonowane pola nie mają składni w Markdown i są tracone albo zostają jako surowy HTML.

MitPrzekonwertowana strona jest gotowa do publikacji bez zmian.

FaktMenu, banery cookies i stopki też trafiają do wyniku; usuń je i dodaj front matter, jeśli generator strony tego oczekuje.

MitWynik w Markdown wygląda wszędzie tak samo.

FaktTabele i przekreślenie wymagają renderera GitHub Flavored Markdown; narzędzia ze ścisłym CommonMark pokazują je jako zwykły tekst.

HTML i Markdown: najważniejsze fakty o formatach

HTML

HyperText Markup Language

HTML to język znaczników sieci WWW, opisany po raz pierwszy przez Tima Bernersa-Lee na początku lat 90., a obecnie rozwijany przez WHATWG jako żywy standard. Plik HTML opisuje nagłówki, akapity, odnośniki, tabele, obrazy i formularze, a stylizacja zwykle pochodzi z CSS. Renderuje go każda przeglądarka, a używa się go też w szablonach e-maili i zapisanych stronach. Pojedynczy plik HTML często zależy od zewnętrznych obrazów i arkuszy stylów, więc po przeniesieniu osobno może wyglądać na zepsuty.

Kompresja
–
Przezroczystość
–
Animacja
–
Rok powstania
1993 · Tim Berners-Lee; maintained by WHATWG
Konwerter HTML

MD

Markdown

Markdown to lekka składnia znaczników stworzona przez Johna Grubera w 2004 roku. Używa symboli tekstu zwykłego, takich jak # dla nagłówków, * dla wyróżnień i - dla list, które pozostają czytelne jako surowy tekst i czysto konwertują się do HTML. Jest standardem w plikach README, dokumentacji, wiki, aplikacjach do notatek i wielu generatorach stron statycznych. Istnieje kilka dialektów, np. CommonMark i GitHub Flavored Markdown, które różnią się szczegółami, jak tabele. Pliki .md otworzy każdy edytor tekstu.

Kompresja
–
Przezroczystość
–
Animacja
–
Rok powstania
2004 · John Gruber
Konwerter MD

HTML konwertuje się na Markdown, gdy treść opuszcza miejsce, które ją wyświetlało: blog przenosi się na generator stron statycznych, centrum pomocy trafia do repozytorium dokumentacji opartego na Gicie, a artykuły są zapisywane w skarbcu Obsidiana, gdzie prosty, czytelny tekst liczy się bardziej niż znaczniki.

Pytania o konwersję HTML na MD

Czy mogę przekonwertować zapisaną stronę WWW razem z obrazami?

Konwerter odczytuje przesłany plik .html. Znaczniki obrazów zamieniają się w linki do obrazów w Markdown, wskazujące te same ścieżki lub adresy URL, których używała strona, więc obrazy hostowane online nadal działają. Lokalny folder z obrazami z opcji „Zapisz stronę jako” nie jest przesyłany razem z plikiem; skopiuj go obok pliku .md, a ścieżki względne nadal będą się zgadzać.

Co dzieje się z menu, paskami bocznymi i stopkami?

Konwertowane jest wszystko, co jest w pliku, bo narzędzie nie wie, która część strony jest artykułem. Aby wynik był czysty, zapisz wpis bez motywu, jeśli CMS na to pozwala, albo później usuń linie nawigacji z początku i końca pliku Markdown.

Jak przenieść wpisy z WordPressa do Hugo lub Jekyll?

Wbudowany eksport WordPressa to plik XML, a nie HTML, dlatego konwertuj HTML poszczególnych wpisów, skopiowany z edytora kodu lub zapisany z przeglądarki. Potem dodaj na początku każdego pliku .md front matter, czyli blok między dwiema liniami z trzema kreskami, w którym są tytuł, data i tagi. Hugo i Jekyll odczytują go właśnie stamtąd.

Dlaczego niektóre tabele w Markdownie wyglądają dziwnie?

Tabele Markdown, dodane przez GitHub Flavored Markdown, mają jeden wiersz nagłówka i nie mają scalonych komórek. Prosta tabela HTML konwertuje się poprawnie; tabela z colspan, rowspan lub zagnieżdżonymi listami nie ma odpowiednika w Markdown, więc jest spłaszczana. Markdown dopuszcza surowy HTML, więc tam, gdzie liczy się układ, możesz wkleić oryginalną tabelę z powrotem.

Czy Markdown to dobry format do przekazywania stron narzędziom AI lub wyszukiwarkom?

Często tak. Markdown zachowuje istotną strukturę: nagłówki, listy, linki i wyróżnienia, a pomija atrybuty, skrypty i style, dzięki czemu ten sam artykuł jest znacznie krótszy i łatwiejszy do przetwarzania. Jeśli nie chcesz żadnych znaczników, użyj HTML do TXT.