Przejdź do treści
Bezpłatne narzędzie

Edytor Markdown online z podglądem na żywo

W tym edytorze Markdown online piszesz tekst i od razu widzisz obok podgląd na żywo. Otwieraj pliki .md, twórz tabele ze skopiowanych komórek Excela, zapisuj dokument jako PDF lub kopiuj go jako HTML. Do wiadomości na Discordzie służy osobny tryb ze spoilerami i licznikiem znaków. Za darmo i bez rejestracji — twój tekst pozostaje w twojej przeglądarce.

Autor: Dimitri Heissler

Budujesz właśnie coś własnego? Możesz hostować to na serwerze VPS z pełną kontrolą.

GitHub Flavored Markdown: nagłówki, listy, tabele, listy zadań i kod z podświetlaniem składni. Nadaje się do plików README, zgłoszeń i dokumentacji.

Twój tekst pozostaje w tej przeglądarce. Jest zapisywany wyłącznie lokalnie jako wersja robocza i nigdy nie jest przesyłany. Ctrl+Z cofa zmiany.

Słowa
57
Znaki
463
Wiersze
28
Nagłówki
3
Czas czytania
1 min

Przykładowy wynik

Co pokazuje ci ten edytor Markdown

Pisz w Markdown, aby od razu zobaczyć obok gotowy podgląd. Otrzymasz również kod HTML do skopiowania, liczbę słów i znaków, czas czytania oraz — w trybie Discord — informację o pozostałym limicie znaków. Trzy przykłady:

Przykład 1: krótki README

Dane wejściowe (README / GitHub):

# Mój serwer

Działa z **8 GB RAM** i `Paper 1.21`.

- [x] Backup
- [ ] Whitelist

Podgląd:

Mój serwer

Działa z 8 GB RAM i Paper 1.21.

  • Backup
  • Whitelist

Kod HTML do skopiowania:

<h1 id="mój-serwer">Mój serwer</h1>
<p>Działa z <strong>8 GB RAM</strong> i <code>Paper 1.21</code>.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" checked disabled> Backup</li>
<li class="task-list-item"><input type="checkbox" disabled> Whitelist</li>
</ul>

Wynik słownie: z 1 nagłówka powstaje h1, dwa wyróżnione fragmenty zmieniają się w strong i code, a dwa elementy listy tworzą listę zadań z jednym zaznaczonym i jednym pustym polem. Tekst zawiera 12 słów i 81 znaków, a czas czytania wynosi 1 minutę.

Przykład 2: tabela

Dane wejściowe (README / GitHub):

| Plan | RAM w GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Podgląd:

PlanRAM w GB
Basic4
Pro8

Kod HTML do skopiowania:

<table>
<thead>
<tr>
<th>Plan</th>
<th align="right">RAM w GB</th>
</tr>
</thead>
<tbody>
<tr>
<td>Basic</td>
<td align="right">4</td>
</tr>
<tr>
<td>Pro</td>
<td align="right">8</td>
</tr>
</tbody>
</table>

Wynik w słowach: Tabela ma dwie kolumny i dwa wiersze danych. Wiersz z myślnikami oddziela nagłówek od treści, a dwukropek w „---:” wyrównuje drugą kolumnę do prawej.

Przykład 3: wiadomość Discord

Dane wejściowe (Discord):

# Dzisiejsze wydarzenie
**20:00** na ||kanale głosowym||
-# Zapisy otwarte

Podgląd jak w Discord:

Dzisiejsze wydarzenie

20:00 na Spoiler — kliknij, aby wyświetlić

Zapisy otwarte

Wynik w słowach: Wiersz z # staje się dużym nagłówkiem, **20 Uhr** jest pogrubione, tekst między || jest spoilerem widocznym dopiero po kliknięciu, a wiersz z -# jest mały i szary. Wiadomość ma 74 z 2000 dozwolonych znaków.

Jak to działa

Jak pisać w Markdown online z podglądem na żywo

Cztery kroki od pustego pola tekstowego do gotowego dokumentu lub wiadomości na Discordzie — bez konta i instalacji.

Krok 1

Wybór wariantu

Wybierz u góry „README / GitHub” dla dokumentów z tabelami i listami zadań albo „Discord” dla wiadomości z ukrytymi treściami i cytatami. Każdy wariant ma własny tekst i wskazówki.

Krok 2

Pisz lub otwórz plik

Wpisz tekst i skorzystaj z przycisków pogrubienia, listy, tabeli i kodu lub skrótów Ctrl+B, Ctrl+I i Ctrl+K. Możesz wkleić komórki z Excela, zaznaczyć je i kliknąć „Tabela”. Przycisk „Otwórz plik” pozwala wczytać istniejący plik .md, który pozostanie w twojej przeglądarce.

Krok 3

Sprawdź podgląd

Po prawej, a na telefonie w zakładce „Podgląd”, widzisz wynik po wpisaniu każdego znaku. Przy ponad 100 000 znaków podgląd w trybie „README / GitHub” pojawia się dopiero po kliknięciu „Pokaż podgląd mimo to”, po każdej zmianie ponownie. W trybie Discord edytor pokazuje wiadomość w stylu Discord i ostrzega przed tabelami, obrazami oraz zbyt długim tekstem.

Krok 4

Zastosuj wynik

Skopiuj kod Markdown lub gotowy kod HTML, pobierz dokument jako plik .md albo .html bądź wybierz „Zapisz jako PDF”, a następnie „Zapisz jako PDF” w oknie drukowania. Aby użyć tekstu na Discord, skopiuj wiadomość i wklej ją na czacie.

Przeglądarka Markdown

Przeglądarka Markdown: otwieraj i czytaj pliki .md oraz zapisuj je jako PDF

Nie potrzebujesz dodatkowego programu, aby odczytać plik .md. Edytor otwiera go w twojej przeglądarce, wyświetla ze sformatowanym tekstem i pozwala wyeksportować do PDF lub HTML.

Otwieraj pliki MD bez instalacji

Kliknij „Otwórz plik” i wybierz plik .md, .markdown, .mdown lub .txt o rozmiarze do 2 MB. Twoja przeglądarka odczyta go lokalnie, bez przesyłania danych. W trybie „README / GitHub” podgląd pokazuje nagłówki, tabele, listy zadań i kod z podświetloną składnią.

Konwersja Markdown na PDF

„Zapisz jako PDF” otwiera okno drukowania przeglądarki ze sformatowanym dokumentem. Wybierz tam „Zapisz jako PDF” jako miejsce docelowe. Plik PDF powstanie na twoim urządzeniu, a edytor pobierze tytuł dokumentu z pierwszego nagłówka.

Konwersja Markdown na HTML

„Kopiuj HTML” umieszcza kod HTML w schowku, a „Pobierz .html” zapisuje kompletną stronę z podstawowym stylem. Obie opcje, podobnie jak eksport do PDF, znajdziesz w trybie „README / GitHub”.

Podstawy

Czym jest Markdown? Proste wyjaśnienie

Markdown to prosty sposób formatowania tekstu za pomocą kilku znaków. Piszesz zwykły tekst, a program tworzy z niego nagłówki, listy, tabele i linki.

Tak to wygląda

Znak # na początku wiersza tworzy nagłówek, **fett** oznacza pogrubiony tekst, myślnik na początku wiersza tworzy punkt listy, a nawiasy kwadratowe i okrągłe tworzą link. Tekst pozostaje czytelny również bez programu.

Do czego się tego używa

Do plików README.md na GitHub, dokumentacji technicznej, notatek, postów na forach i wiadomości na czacie, na przykład w Discord. Rozszerzenie pliku to .md lub .markdown.

Jak to wypróbujesz

Pisz w polu tekstowym u góry, aby od razu widzieć podgląd. Opcja „Otwórz plik” pozwala ci wczytać istniejący plik .md, a „Zapisz jako PDF” lub „Kopiuj HTML” — udostępnić wynik.

Tabela Markdown

Tworzenie tabeli Markdown: składnia, wyrównanie i import z Excela

Tabela składa się z wiersza nagłówków, wiersza oddzielającego i wierszy danych. W każdym z nich kolumny oddzielają pionowe kreski. Możesz ją wpisać ręcznie lub utworzyć w edytorze ze skopiowanych komórek.

Budowa

Dane wejściowe:

| Plan | RAM w GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Podgląd:

PlanRAM w GB
Basic4
Pro8

Wyrównaj kolumny

Dwukropek w wierszu oddzielającym określa wyrównanie: do lewej, do środka lub do prawej.

| Do lewej | Wyśrodkowane | Do prawej |
| :--- | :---: | ---: |
| a | b | c |

Podgląd:

Do lewejWyśrodkowaneDo prawej
abc

Z Excel lub Google Sheets

Skopiuj komórki, wklej je, zaznacz i kliknij „Tabela”. Ze skopiowanego tekstu:

Plan	RAM w GB
Basic	4
Pro	8

powstaje ta tabela Markdown z kolumną liczb wyrównaną do prawej:

| Plan | RAM w GB |
| --- | ---: |
| Basic | 4 |
| Pro | 8 |

Ściągawka Markdown

Składnia Markdown w skrócie

Najważniejsze elementy GitHub Flavored Markdown wraz z tekstem wejściowym i wynikiem. Prawą kolumnę generuje ten sam renderer co podgląd w edytorze.

Składnia Markdown i wynik
ElementMarkdownWynik
Nagłówki
# Nagłówek 1
## Nagłówek 2
### Nagłówek 3

Nagłówek 1

Nagłówek 2

Nagłówek 3

Pogrubienie i kursywa
**pogrubienie**, *kursywa*, ***oba***

pogrubienie, kursywa, oba

Przekreślone
~~stary~~ nowy

stary nowy

Link
[Tekst linku](https://example.com)
Obraz
![Opis obrazu](https://example.com/bild.png)
Wyświetla obraz; opis służy jako tekst alternatywny.
Lista punktowana
- Jeden
- Dwa
  - Dwa A
  • Jeden
  • Dwa
    • Dwa A
Lista numerowana
1. Po pierwsze
2. Po drugie
  1. Po pierwsze
  2. Po drugie
Lista zadań
- [x] gotowe
- [ ] otwarte
  • gotowe
  • otwarte
Cytat
> Cytat

Cytat

Kod w zdaniu
Start `npm run dev`

Start npm run dev

Blok kodu
```js
console.log(1 + 1);
```
console.log(1 + 1);
Tabela
| Nazwa | Wartość |
| --- | ---: |
| RAM | 8 |
NazwaWartość
RAM8
Linia oddzielająca
---

Discord Markdown

Formatowanie tekstu Discord: najważniejsze polecenia

Discord obsługuje własną, ograniczoną wersję Markdown. Wybierz u góry „Discord”, aby przed wysłaniem zobaczyć wiadomość tak, jak będzie wyglądać na czacie.

Formatowanie Discord i wynik
ElementDane wejścioweWynik w Discordzie
Pogrubienie
**pogrubienie**

pogrubienie

Kursywa
*kursywa* lub _kursywa_

kursywa lub kursywa

Podkreślony
__podkreślony__

podkreślony

Przekreślone
~~przekreślony~~

przekreślony

Połączone
__***podkreślony, pogrubiony i pochylony***__

podkreślony, pogrubiony i pochylony

Spoiler
||ukryty tekst||

Spoiler — kliknij, aby wyświetlić

Kod w zdaniu
`Kod`

Kod

Blok kodu
```js
console.log('hi');
```
console.log('hi');
Cytat
> Cytat

Cytat

Nagłówki
# Duży
## Średni
### Mały

Duży

Średni

Mały

Mały tekst
-# Stopka

Stopka

Lista
- Jeden
- Dwa
1. Po pierwsze
  • Jeden
  • Dwa
  1. Po pierwsze
Link z tekstem
[Tekst linku](https://example.com)

Porównanie

Porównanie Markdown w GitHub i Discord

Tekst, który dobrze wygląda w pliku README, może źle wyświetlać się na czacie Discorda. Ta tabela pokazuje, co działa w poszczególnych miejscach.

Które funkcje Markdown działają w GitHub i Discord
FunkcjaREADME / GitHubDiscordUwaga
NagłówkiTakCzęściowoGitHub: od # do ######. Discord: tylko od # do ### na początku wiersza.
Pogrubienie, kursywa i przekreślenieTakTakTaka sama pisownia w obu przypadkach.
Podkreślony (__text__)NieTakW GitHub zapis __text__ oznacza pogrubienie.
Spoiler (||text||)NieTakTylko Discord.
TabeleTakNieDiscord wyświetla kreski jako tekst.
Listy zadań (- [ ])TakNieDiscord wyświetla nawiasy kwadratowe jako tekst.
Obrazy (![](url))TakNieNa Discordzie możesz przesłać obrazy lub opublikować link.
Bloki kodu z oznaczeniem językaTakTakOba kolorują kod zgodnie z językiem.
HTML w tekścieCzęściowoNieGitHub obsługuje wybrane znaczniki, Discord nie.
Cytaty (> tekst)TakTakDiscord obsługuje też >>>, które obejmuje tekst aż do końca.

Odkryj więcej

Więcej narzędzi

Porównywanie tekstów online (Diff Checker)

Porównywanie tekstów online: Porównaj dwa teksty, konfiguracje lub wersje kodu, zobacz różnice w poszczególnych wierszach i słowach oraz skopiuj wynik jako Unified Diff. Wszystko działa w przeglądarce.

Autor: Dimitri Heissler

Konwerter JSON na CSV

Konwersja JSON na CSV i CSV na JSON: spłaszczanie zagnieżdżonych obiektów, wykrywanie separatora, CSV dla programu Excel z BOM oraz podgląd plików JSON i CSV w formie tabeli. Działa w całości w przeglądarce.

Autor: Dimitri Heissler

Formater HTML i CSS online (popraw czytelność kodu)

Formatuj HTML i CSS online, dodawaj wcięcia i poprawiaj czytelność kodu dzięki automatycznemu wykrywaniu języka. Wszystko działa w przeglądarce, bez przesyłania plików.

Autor: Luca Stanek

Licznik znaków Discorda

Wklej tekst i od razu sprawdź, czy mieści się w limitach Discorda — licznik znaków na żywo dla wiadomości, embedów, nazw użytkowników, pseudonimów, komend slash i ankiet. Wszystko działa w przeglądarce.

Autor: Justin Schuessler

Formater tekstu Discord (Markdown, kolorowy tekst i bloki kodu)

Formatuj tekst na Discordzie jednym kliknięciem: pogrubienie, kursywa, spoiler, cytat i blok kodu, a także kolorowy tekst za pomocą bloków kodu ANSI. Z podglądem na żywo jak na Discordzie i przyciskiem kopiowania. Działa w całości w przeglądarce.

Autor: Luca Stanek

Licznik znaków i słów (Word Counter)

Licznik znaków i słów: liczenie słów i znaków online, obliczanie czasu czytania oraz sprawdzanie limitów dla X, SMS-ów, metatagów i Discorda. Działa w całości w przeglądarce.

Autor: Dimitri Heissler

FAQ

Często zadawane pytania

Krótkie odpowiedzi na pytania o pliki .md, PDF i HTML, tabele z Excela, formatowanie w Discordzie i ochronę twoich danych.

Markdown to prosty sposób formatowania tekstu zwykłymi znakami: # tworzy nagłówek, **pogrubienie** pogrubia tekst, a myślnik na początku wiersza tworzy punkt listy. John Gruber opublikował go w 2004 roku. Pliki Markdown mają zwykle rozszerzenie .md, rzadziej .markdown. Znajdziesz je jako pliki README na GitHubie, w dokumentacji i notatkach. Discord również używa Markdown w wiadomościach na czacie. Zaleta: tekst pozostaje czytelny nawet bez formatowania.

Kliknij w edytorze „Otwórz plik” i wybierz plik .md, .markdown, .mdown lub .txt o rozmiarze do 2 MB albo wklej jego zawartość w pole tekstowe. W trybie „README / GitHub” podgląd od razu wyświetli sformatowaną treść, w tym tabele, listy zadań i kod z podświetloną składnią. Przy ponad 100 000 znaków podgląd pojawia się dopiero po kliknięciu „Pokaż podgląd mimo to”. Nie musisz niczego instalować, a plik nie jest przesyłany: twoja przeglądarka odczytuje go lokalnie. Następnie możesz edytować tekst i ponownie pobrać go jako plik .md.

W trybie „README / GitHub” kliknij „Zapisz jako PDF”. Edytor otworzy okno drukowania przeglądarki ze sformatowanym dokumentem. Wybierz tam „Zapisz jako PDF” jako miejsce docelowe i potwierdź. Plik PDF powstanie na twoim urządzeniu, bez przesyłania danych. Edytor pobierze tytuł dokumentu z pierwszego nagłówka. Marginesy i nagłówki stron ustawisz w oknie drukowania.

Tabela składa się z wiersza nagłówków z pionowymi kreskami, wiersza oddzielającego z trzema myślnikami na kolumnę i wierszy danych, na przykład | Name | RAM |, pod nim | --- | ---: |, a następnie | Pro | 8 |. Dwukropek w wierszu oddzielającym określa wyrównanie. Z Excela lub Arkuszy Google zrobisz to szybciej: skopiuj komórki, wklej je w pole tekstowe, zaznacz wklejony tekst i kliknij „Tabela”. Pierwszy wiersz stanie się nagłówkiem, a kolumny zawierające wyłącznie liczby zostaną wyrównane do prawej. Działają też wiersze CSV oddzielone średnikami lub przecinkami, ale przycisk nie obsługuje pól CSV ujętych w cudzysłowy, jeśli zawierają separator. Tabele są częścią GitHub Flavored Markdown i nie działają w Discordzie.

W trybie „README / GitHub” przycisk „Kopiuj HTML” kopiuje gotowy kod HTML — na przykład **pogrubienie** zmienia się w <strong>pogrubienie</strong>. „Pobierz .html” zapisuje kompletną stronę z podstawowym stylem. Ze względów bezpieczeństwa edytor nie przetwarza tagów HTML wpisanych przez ciebie w Markdown, lecz wyświetla je jako tekst. Edytor nie oferuje eksportu do pliku Word ani .docx. Aby użyć Worda, pobierz plik .html i otwórz go w Wordzie albo zapisz dokument jako PDF.

Przełącz u góry na „Discord”. Wtedy obowiązuje składnia Discorda: **pogrubienie**, *kursywa*, __podkreślenie__, ~~przekreślenie~~, ||Spoiler|| i `kod`. Znaki od # do ### na początku wiersza tworzą nagłówki, -# tworzy mały, szary tekst, a > oznacza cytat. Podgląd wyświetla wiadomość tak, jak na czacie, a licznik porównuje jej długość z limitem 2000 znaków lub 4000 z Nitro. Discord nie obsługuje tabel, obrazów, linii oddzielających ani HTML — edytor cię o tym uprzedzi. Przyciskiem „Kopiuj wiadomość” skopiujesz tekst.

Pusty wiersz oddziela akapity. Pojedynczy znak nowego wiersza w pliku README jest traktowany jak spacja i tekst biegnie dalej. Aby wymusić nowy wiersz, dodaj na końcu wiersza dwie spacje lub ukośnik odwrotny. W Discordzie jest prościej: każdy podział wiersza, który wstawisz przez Shift+Enter, zostaje zachowany.

Nic nie jest przesyłane: podgląd, eksport HTML, PDF i otwieranie plików działają lokalnie w twojej przeglądarce. Aby tekst nie zniknął po odświeżeniu strony, edytor zapisuje wersję roboczą w pamięci lokalnej przeglądarki. „Wyczyść” usuwa tekst z pola bieżącego wariantu i czyści również zapisaną wersję roboczą. Podgląd nie wykonuje kodu HTML zawartego w tekście, lecz wyświetla go jako tekst. Linki z niebezpiecznym schematem, takim jak javascript:, są usuwane.

Masz dodatkowe pytania?

Kontakt z pomocą techniczną
Tworzysz właśnie coś własnego?

Twój projekt potrzebuje serwera, na którym będzie działać niezawodnie

VPS od ZAP-Hosting zapewni niezawodny dostęp online do Twojej aplikacji, bota lub dokumentacji.

4,4/5 Trustpilot32.000+ Aktywne serweryOd 2010 roku

Bez konfiguracji. Bez ryzyka. Online w kilka sekund.

Elastyczny okres obowiązywaniaAnuluj w dowolnym momencieOnline w 60 sekund

Szukasz więcej narzędzi? Zobacz wszystkie narzędzia dla programistów