Wpisz Markdown po jednej stronie i zobacz, jak jest renderowany na żywo po drugiej — nagłówki, pogrubienie, kursywa, listy, bloki kodu i linki, wszystko podglądane natychmiast w Twojej przeglądarce.
Ładowanie kalkulatora...
Czy to narzędzie Ci pomogło?
Czym jest Podgląd Markdown?
Markdown to lekka składnia formatowania stojąca za plikami README, wpisami na blogu, wiadomościami czatu, dokumentacją i niezliczonymi innymi miejscami, w których chcesz prostego, czytelnego formatowania bez pisania surowego HTML. Ponieważ Markdown to zwykły tekst, łatwo go pisać wszędzie — ale równie łatwo jest lekko pomylić składnię i nie zauważyć tego, dopóki już nie opublikujesz treści.
Ten podgląd renderuje Twój Markdown w miarę pisania, obok źródła, dzięki czemu możesz od razu wychwycić błędy formatowania — brakującą spację po #, niezamknięty blok ogrodzenia kodu lub listę, która nie oddzieliła się od akapitu powyżej — zanim zatwierdzisz plik README, opublikujesz wpis lub wyślesz sformatowaną wiadomość.
Kiedy używać tego kalkulatora
Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected
Kroki:
Wpisz lub wklej swój Markdown w lewym panelu.
Obserwuj, jak podgląd renderowanego HTML aktualizuje się natychmiast po prawej stronie.
Dostosuj swoją składnię, aż podgląd będzie odpowiadał temu, co zamierzałeś.
Skopiuj gotowe źródło Markdown, gdy będziesz zadowolony z wyniku.
Wzór
# Nagłówek →
Nagłówek
**pogrubienie** → pogrubienie
*kursywa* → kursywa
`kod` → kod
[tekst](url) → tekst
- element →
element
Przypadki użycia
Podgląd pliku README z GitHub lub GitLab przed jego commitem
Tworzenie sformatowanych wiadomości dla Slack, Discord lub innych aplikacji czatu obsługujących Markdown
Sprawdzanie formatowania wpisu na blogu lub dokumentacji przed publikacją
Nauka składni Markdown poprzez eksperymentowanie i natychmiastowe obserwowanie wyników
Szybkie konwertowanie krótkiego fragmentu Markdown na HTML w celu wklejenia go gdzie indziej
Kluczowe korzyści
Zobacz swój Markdown renderowany natychmiast, obok źródła
Wychwytuj błędy składni, zanim opublikujesz treść gdziekolwiek
Działa całkowicie offline w Twojej przeglądarce — nic nie jest przesyłane
Darmowe, bez rejestracji, bez limitu rozmiaru pliku dla typowego użycia
Wskazówki
Dodaj pustą linię przed i po listach oraz blokach kodu dla najbardziej niezawodnego renderowania w różnych parserach Markdown
Używaj podwójnych gwiazdek dla pogrubienia i pojedynczych gwiazdek (lub podkreśleń) dla kursywy, aby uniknąć niejednoznaczności
Podglądaj najpierw w tym narzędziu, a następnie sprawdź docelową platformę (GitHub, Slack itp.), ponieważ niektóre obsługują dodatkową składnię, np. tabele
Zachowuj sekwencyjność nagłówków (nie przeskakuj z # do ###) dla lepszej struktury dokumentu i dostępności
Częste błędy
Zapominanie o pustej linii potrzebnej między akapitem a następującą po nim listą
Pominięcie spacji po symbolach # w nagłówkach, co uniemożliwia ich renderowanie
Pozostawienie niezamkniętego bloku ogrodzenia kodu (```), co pochłania resztę dokumentu jako kod
Używanie pojedynczych gwiazdek dla pogrubienia zamiast podwójnych, co daje kursywę zamiast pogrubienia
Kluczowe pojęcia
CommonMark: Standaryzowana specyfikacja składni Markdown, zaprojektowana w celu zmniejszenia niespójności
GFM: GitHub-Flavored Markdown, rozszerzony dialekt obsługujący tabele i listy zadań
Ogrodzenie kodu: Blok ograniczony potrójnymi znakami backtick (```), używany do formatowania wielowierszowego kodu
Formatowanie wewnątrzwierszowe: Formatowanie stosowane w obrębie jednej linii, takie jak *kursywa* czy `kod`, w przeciwieństwie do elementów blokowych
Powiązane pojęcia
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
Przykład
Wpisanie "## Cześć\n\nTo jest **pogrubione** a to jest *kursywa*." renderuje się jako nagłówek poziomu 2, po którym następuje akapit z pogrubionym i kursywnym tekstem.
Interpretacja wyników
Lewy panel pokazuje surowy tekst źródłowy Markdown, a prawy renderuje go w czasie rzeczywistym jako sformatowany HTML. Każde naciśnięcie klawisza natychmiast aktualizuje podgląd, więc możesz od razu zobaczyć efekt każdego elementu składni.
Typowe problemy z renderowaniem zwykle wynikają ze spacji. Większość rendererów wymaga pustej linii między akapitem a następującą po nim listą. Nagłówki wymagają spacji po symbolach #. Ogrodzenia kodu (```) muszą znajdować się w osobnej linii, aby uruchomić renderowanie bloku kodu.
Podgląd jest bliskim przybliżeniem tego, jak Twój Markdown będzie wyglądać na większości platform (GitHub, Slack, Discord itp.), ale każda platforma ma własny renderer z drobnymi różnicami. W przypadku wszystkiego, co wykracza poza podstawowe formatowanie, zawsze wykonaj ostateczną kontrolę na platformie docelowej.
Najczęściej Zadawane Pytania
Jaką składnię Markdown obsługuje to narzędzie?
Nagłówki (# do ######), pogrubienie (**tekst**), kursywę (*tekst*), kod wewnątrzwierszowy (`kod`), bloki kodu (```), linki ([tekst](url)), listy punktowane (- element), listy numerowane (1. element) oraz cytaty blokowe (> tekst).
Czy moja treść jest gdzieś zapisywana lub przesyłana?
Nie. Wszystko jest analizowane i renderowane całkowicie w Twojej przeglądarce za pomocą JavaScript. Nic, co wpiszesz, nie jest wysyłane na żaden serwer, przechowywane ani rejestrowane.
Dlaczego moje formatowanie nie wyświetla się poprawnie?
Markdown wymaga dokładnej składni — na przykład wiele rendererów potrzebuje pustej linii między akapitem a listą, aby prawidłowo je oddzielić, a nagłówki wymagają spacji po symbolach #. Sprawdź, czy wokół używanego formatowania nie brakuje spacji lub podziałów wiersza.
Czy mogę użyć tego, aby podejrzeć plik README z GitHub przed commitem?
Tak, dla typowych elementów Markdown obsługiwanych przez to narzędzie. Renderer GitHub obsługuje kilka dodatkowych rozszerzeń GitHub-Flavored Markdown (jak tabele i listy zadań), których nie zawiera ten lekki podgląd, więc zawsze sprawdź ostateczne renderowanie na samym GitHubie w przypadku czegokolwiek wykraczającego poza podstawową składnię.
Nie. Wszystko jest analizowane i renderowane całkowicie w Twojej przeglądarce za pomocą JavaScript. Nic, co wpiszesz, nie jest wysyłane na żaden serwer, przechowywane ani rejestrowane.
Why isn't my formatting showing up correctly?
Markdown wymaga dokładnej składni — na przykład wiele rendererów potrzebuje pustej linii między akapitem a listą, aby prawidłowo je oddzielić, a nagłówki wymagają spacji po symbolach #. Sprawdź, czy wokół używanego formatowania nie brakuje spacji lub podziałów wiersza.
Can I use this to preview a GitHub README before committing?
Tak, dla typowych elementów Markdown obsługiwanych przez to narzędzie. Renderer GitHub obsługuje kilka dodatkowych rozszerzeń GitHub-Flavored Markdown (jak tabele i listy zadań), których nie zawiera ten lekki podgląd, więc zawsze sprawdź ostateczne renderowanie na samym GitHubie w przypadku czegokolwiek wykraczającego poza podstawową składnię.
Jaka jest różnica między Markdown a HTML?
Markdown to lekki język znaczników, który łatwo pisać i czytać jako zwykły tekst. HTML to pełny język znaczników o bardziej złożonej składni. Markdown jest często konwertowany do HTML w celu wyświetlenia. To narzędzie renderuje Markdown jako HTML w czasie rzeczywistym.
How do I create a table in Markdown?
Standardowy Markdown nie obsługuje tabel, ale GitHub-Flavored Markdown tak. Użyj znaku pionowej kreski (|), aby oddzielić kolumny, i łączników jako separatora nagłówka. Ten podgląd nie renderuje tabel — sprawdź końcowe renderowanie na swojej platformie docelowej.
Can I write LaTeX math in Markdown?
This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.
