Darmowy konwerter

Przecena do Konwerter HTML

Przekształć tekst Markdown w gotowy do produkcji kod HTML dzięki obsłudze podglądu na żywo.

O tym narzędziu

Markdown to lekki język znaczników stworzony przez Johna Grubera w 2004 roku, aby umożliwić autorom tworzenie ustrukturyzowanego kodu HTML przy użyciu konwencji zwykłego tekstu: znaki skrótu dla nagłówków, gwiazdki dla podkreślenia, łączniki dla list, wcięte bloki dla kodu. Format stał się domyślny dla plików README, dokumentacji technicznej, wersji roboczych blogów, generatorów witryn statycznych i każdego kontekstu, w którym tekst powinien być czytelny jako zwykły tekst i wyrenderowany wynik. Konwersja Markdown na HTML to krok renderowania, który zamienia źródło w stronę internetową.

Ten konwerter korzysta z oznaczonej biblioteki, najpopularniejszego modułu renderującego Markdown w JavaScript. Marked obsługuje CommonMark i GitHub Flavored Markdown (GFM), co oznacza, że ​​tabele, chronione bloki kodu, listy zadań, przekreślenia i automatyczne łączenie działają poprawnie oprócz standardowych funkcji Markdown.

Dane wyjściowe to zwykły kod HTML — znaczniki semantyczne dla nagłówków, akapitów, list, łączy i obrazów oraz zaczepy klas dla bloków kodu tam, gdzie oczekują ich narzędzia do podświetlania składni. Wynik wklej bezpośrednio do dowolnego systemu CMS, osadź w generatorach stron statycznych lub służy jako samodzielny plik .html. Nie dodano żadnego CSS ani JavaScript; stylizowanie wyniku pozostawia się dalszemu kontekstowi.

Dlaczego warto konwertować Markdown na HTML

Markdown to format preferowany przez autorów i programistów; HTML to format renderowany przez przeglądarki. Większość generatorów stron statycznych i platform CMS konwertuje Markdown na HTML za kulisami, ale czasami potrzebna jest konwersja jako samodzielny krok — wklejenie do CMS, który nie obsługuje Markdown, wygenerowanie HTML dla e-maili, utworzenie szybkiego podglądu lub wyodrębnienie wyrenderowanych danych wyjściowych do dalszego przetwarzania.

HTML jest także kanonicznym formatem wszelkich treści, które ostatecznie będą wyświetlane w przeglądarce. Biuletyny e-mailowe utworzone na podstawie wersji roboczych Markdown, strony dokumentacji osadzone w większych aplikacjach HTML i posty na blogach wklejane do redaktorów, którzy oczekują HTML, korzystają z czystej konwersji.

Jak używać

Wklej Markdown, pobierz HTML.

  1. Dodaj swoją Markdown: Wklej tekst Markdown w obszarze wejściowym lub upuść plik .md. Działa zarówno standardowa składnia Markdown, jak i GitHub Flavored Markdown.
  2. Konwertuj: Marked analizuje Markdown w AST i emituje HTML. Standardowe elementy inline (wyróżnienie, mocne, linki, kod, obrazy), elementy blokowe (nagłówki, akapity, listy, cytaty blokowe) i rozszerzenia GFM (tabele, kod chroniony, listy zadań, automatyczne linki) renderują się poprawnie.
  3. Podgląd: Sprawdź wyrenderowany kod HTML w panelu podglądu. Upewnij się, że bloki kodu, tabele i inne złożone elementy wyglądają zgodnie z oczekiwaniami.
  4. Skopiuj lub pobierz: Skopiuj kod HTML do schowka w celu wklejenia go do systemu CMS lub zapisz jako plik .html do samodzielnego użycia. Dane wyjściowe to semantyczny HTML5 bez stylów wbudowanych.

Typowe przypadki użycia

Szczegóły techniczne

Marked wykorzystuje architekturę dwuprzebiegową. Lekser tokenizuje dane wejściowe w tokenach blokowych (nagłówki, akapity, listy, bloki kodu) i tokenach wbudowanych (podkreślenie, linki, obrazy). Analizator analizuje strumień tokenów i emituje kod HTML, stosując zaczepy modułu renderującego dla każdego typu tokena.

Rozszerzenia GitHub Flavored Markdown są domyślnie włączone: tabele (przy użyciu składni potokowej), chronione bloki kodu (potrójne znaczniki wsteczne ze wskazówkami językowymi), listy zadań (- [ ] i - [x]), przekreślenie (przy użyciu podwójnych tyld) i automatyczne łączenie adresów URL. Bloki kodu emitują wstępnie zawinięty kod z opcjonalną klasą języka w celu podświetlania składni.

Odkażanie wyjściowe pozostawia się dalszym konsumentom. Marked emituje wszystko, co wygeneruje dane wejściowe, w tym surowy kod HTML osadzony w Markdown. Jeśli akceptujesz niezaufane dane wejściowe, przed renderowaniem w przeglądarce uruchom dane wyjściowe za pomocą DOMPurify lub podobnego narzędzia do czyszczenia HTML.

Najlepsze praktyki

Często zadawane pytania

Czy konwersja MARKDOWN na HTML zmienia treść?
Treść jest zachowywana tak dokładnie, jak to możliwe. Jednak niektóre funkcje specyficzne dla formatu mogą nie mieć bezpośrednich odpowiedników, dlatego mogą wystąpić drobne różnice w formatowaniu.
Do czego służy format HTML?
HTML (HyperText Markup Language) jest używany głównie w przypadku stron internetowych i treści internetowych.
Czy są jakieś ograniczenia, o których warto wiedzieć?
Obsługiwane są pliki do 50 MB. Przetwarzanie bardzo dużych lub złożonych plików może zająć więcej czasu. Cała konwersja odbywa się w Twojej przeglądarce, więc szybkość przetwarzania zależy od Twojego urządzenia.
Czy ta konwersja jest bezpieczna i prywatna?
Tak. Całe przetwarzanie odbywa się lokalnie w Twojej przeglądarce. Twoje dane nigdy nie opuszczają Twojego urządzenia — bez przesyłania na serwer, bez przetwarzania w chmurze, bez gromadzenia danych.
Czy obsługiwane są emoji?
Emoji Unicode przechodzą bezpośrednio (wpisanie emoji serca powoduje wyświetlenie serca na wyjściu). W stylu GitHub :emoji: skróty nie są domyślnie konwertowane; dodaj rozszerzenie, jeśli tego potrzebujesz.
Czy mój Markdown został przesłany na serwer?
Nie. Oznaczone uruchomienia w Twojej przeglądarce; konwersja odbywa się całkowicie na Twoim urządzeniu.
Czy mogę dodać niestandardową stylizację do kodu HTML?
Tak, po konwersji. Dane wyjściowe to zwykły semantyczny kod HTML; zastosuj własny CSS do stylizowania nagłówków, bloków kodu, tabel i innych elementów.
Czy obsługuje przypisy?
Standard CommonMark nie określa składni przypisów. Niektóre rozszerzenia Markdown obsługują składnię przypisów [^1]; ten konwerter jest zgodny z GFM, który nie zawiera przypisów.