Przejdź do głównej treści
LibraTool logoLibraTool

Konwerter Markdown do HTML za darmo

Konwertuj Markdown do czystego HTML z podglądem na żywo. Użyj widoku źródłowego, aby skopiować gotowy do wklejenia HTML dla blogów, systemów CMS lub szablonów e-mail.

Działa offline po wczytaniu
Wyjście HTML pojawi się tutaj…

Typowe zastosowania

  • Opublikuj Markdown w CMSKonwertuj notatki Markdown na HTML do wklejenia w CMS-y, które akceptują tylko HTML.
  • Zbuduj Zawartość Email HTMLKonwertuj Markdown na HTML dla wiadomości transakcyjnych i biuletynów.
  • Podgląd Plików README LokalnieWklej swój README.md, aby zobaczyć, jak będzie renderowany na GitHub, GitLab lub npm.
  • Generuj Zawartość Stron dla Serwisów StatycznychKonwertuj zawartość treści Markdown na HTML dla ręcznie zbudowanych serwisów statycznych lub jednorazowych stron.
  • Zbuduj HTML DokumentacjiKonwertuj wewnętrzne dokumenty Markdown na HTML do osadzenia w aplikacjach, centrach pomocy lub bazach wiedzy.

Jak to działa

Konwersja odbywa się w całości w przeglądarce za pomocą ręcznie napisanego parsera Markdown — bez zewnętrznej biblioteki i żądań do serwera. Parser przechodzi przez źródło wiersz po wierszu, stosując reguły blokowe (nagłówki, listy, tabele, ogrodzony kod), a następnie drugi przebieg liniowych wzorców wyrażeń regularnych dla pogrubienia, kursywy, linków, obrazów i kodu liniowego.

  1. 1
    Najpierw parsowana jest struktura bloków
    Parser czyta surowy Markdown wiersz po wierszu, rozpoznając konstrukcje blokowe: ogrodzone bloki kodu (z opcjonalną klasą języka), nagłówki ATX (od # do ######), cytaty blokowe, listy numerowane i punktowane z polami wyboru list zadań GFM, tabele GFM z wyrównaniem kolumn, linie poziome oraz akapity, które poprawnie łączą miękko zawinięte wiersze kontynuacji.
  2. 2
    Wzorce liniowe stosowane wewnątrz każdego bloku
    Po escapowaniu HTML tekstu każdego bloku łańcuch wyrażeń regularnych w parseInline() przekształca składnię liniową: obrazy i linki (z białą listą schematów URL, która usuwa adresy javascript: i data:), **pogrubienie**, *kursywę*, ~~przekreślenie~~ i kod liniowy — w tej kolejności pierwszeństwa.
  3. 3
    Wynik HTML na żywo z przełącznikiem podglądu
    Ciąg HTML jest przeliczany przez useMemo przy każdym naciśnięciu klawisza, więc prawy panel aktualizuje się natychmiast. Przełącznik zmienia widok między surowym źródłem HTML a wyrenderowanym podglądem w silniku układu przeglądarki.
  4. 4
    Trzy opcje wyniku, w tym kopiowanie sformatowanego tekstu
    Możesz skopiować surowy kod HTML, pobrać kompletny samodzielny plik .html z DOCTYPE i metaznacznikiem charset lub użyć „Kopiuj sformatowany tekst” — który zapisuje do schowka zarówno typ MIME text/html, jak i text/plain przez ClipboardItem z Clipboard API, więc sformatowany wynik wkleja się bezpośrednio do Gmaila, Dokumentów Google czy Worda bez dodatkowych kroków.

Powiązane narzędzia

Często zadawane pytania