Tekst

Markdown Preview / HTML ↔ Markdown

Podgląd Markdown na żywo jako sformatowany HTML, a także konwersja w obie strony: Markdown → HTML i HTML → Markdown.

Markdown is a lightweight markup language that formats text with plain characters (**bold**, # heading, - list) and stays readable even unrendered. This tool gives you a live preview of Markdown as HTML and converts in both directions.

How to use it

Common uses

Things to keep in mind

Different platforms (GitHub, GitLab, Discord) support slightly different Markdown extensions (tables, strikethrough, checkboxes) — the base syntax is the same everywhere.

Converting HTML to Markdown loses whatever Markdown can't express: complex layout, inline styles, deeply nested elements.

Artykuł o tym narzędziu: Markdown: dlaczego prosta składnia tekstowa pokonała rozbudowane edytory

Najczęstsze pytania

Jakie konwersje są oferowane?

Dostępne są trzy tryby: podgląd na żywo Markdown renderowanego jako sformatowany HTML, jawna konwersja Markdown → HTML oraz odwrotna konwersja HTML → Markdown.

Jaki silnik renderowania Markdown jest używany?

To proste renderowanie Markdown po stronie klienta w JavaScript, niezwiązane z żadnym konkretnym silnikiem szablonów po stronie serwera, takim jak Blade czy Twig; wynik odzwierciedla standardowy Markdown, a nie składnię specyficzną dla frameworka.

Czy moja treść Markdown lub HTML jest wysyłana na serwer?

Nie, konwersja i podgląd odbywają się całkowicie w przeglądarce, żadna treść nie jest wysyłana online.

Dlaczego ten sam plik wygląda inaczej w różnych aplikacjach?

Oryginalny Markdown nie definiuje tabel, przekreślonego tekstu ani podświetlania składni w blokach kodu — to rozszerzenia różnych implementacji. GitHub Flavored Markdown i specyfikacja CommonMark traktują niektóre niejednoznaczne przypadki inaczej, dlatego renderowanie tego samego pliku może się różnić w zależności od parsera.

Co gubi się przy konwersji złożonego HTML na Markdown?

HTML obsługuje znacznie więcej możliwości formatowania niż podstawowy Markdown, dlatego złożone tabele, zagnieżdżone style czy niestandardowe znaczniki mogą zostać uproszczone lub utracone przy konwersji zwrotnej.

Artykuły: Tekst

Case Converter: po co istnieją różne style nazewnictwa

Dlaczego w jednym projekcie zmienne zapisuje się camelCase, a pliki kebab-case, i skąd wzięły się te zasady.

Text Diff: jak algorytmy znajdują różnicę między dwoma tekstami

Jak algorytm diff znajduje minimalny zestaw zmian między dwiema wersjami tekstu.

Wyrażenia regularne: podstawowa składnia i typowe wzorce

Jak czytać wyrażenie regularne i czym dopasowanie zachłanne różni się od leniwego.

Sortowanie i usuwanie duplikatów wierszy: do czego się przydaje

Dlaczego sortowanie numeryczne stawiające „10" przed „9" jest błędem, i jak tego uniknąć.

String Escape: dlaczego ten sam tekst trzeba escapować inaczej

Dlaczego ten sam cudzysłów jest escapowany inaczej w ciągu JS, w JSON i w poleceniu shell.

CRLF kontra LF: dlaczego znaki końca linii wciąż mają znaczenie

Dlaczego plik napisany w Windows może wyglądać jako „cały zmieniony" w gicie na Linuksie.

Liczenie znaków i słów: dlaczego to nie zawsze jest trywialne

Dlaczego emoji lub litera z akcentem może liczyć się jako kilka znaków naraz.

Lorem Ipsum: skąd wziął się tekst zastępczy i po co jest potrzebny

Dlaczego projektanci celowo używają „bezsensownego" tekstu zamiast prawdziwej treści w makietach.

Slugify: jak zamienić dowolny tekst w adres URL

Jak tytuł „Witaj, Świecie! Jak się masz?" zamienia się w kompatybilny z URL ciąg witaj-swiecie-jak-sie-masz.

Spacje i niewidoczne znaki: ukryta przyczyna dziwnych błędów

Dlaczego dwa pozornie identyczne ciągi znaków mogą się nie zgadzać przez niewidoczny znak.

Text Reverse: dlaczego „odwrócenie tekstu" jest trudniejsze, niż się wydaje

Dlaczego naiwne odwrócenie ciągu znaków może zamienić emoji w nieużyteczne bajty.

Analiza częstotliwości tekstu: po co liczyć powtórzenia słów

Jak częstotliwość liter w zaszyfrowanym tekście pomaga złamać najprostsze szyfry podstawieniowe.