See your Markdown rendered as you type

Edytor obsługuje nagłówki CommonMark, wyróżnienia, listy, linki, obrazy, cytaty blokowe, ogrodzone bloki kodu oraz tabele z pionowymi kreskami w stylu GitHub. Obejmuje to wszystko, czego potrzebujesz w plikach README, wpisach na blogu, zgłoszeniach, opisach pull requestów i dokumentacji technicznej.

Tak. Skopiuj wyrenderowany kod HTML bezpośrednio do schowka, pobierz plik .html gotowy dla każdej przeglądarki lub zapisz oryginalny plik .md do kontroli wersji. Ta sama treść jest dostępna w obu formatach przy każdym renderowaniu.

Tak. Podgląd na żywo renderuje tabele w stylu GitHub z prawidłowym wyrównaniem, ogrodzone bloki kodu czcionką o stałej szerokości oraz obrazy poprzez ich adres URL lub ścieżkę względną — dokładnie to, co zobaczysz po opublikowaniu Markdown.

Nie. Przetwarzanie i renderowanie odbywają się lokalnie na Twoim komputerze, więc wewnętrzna dokumentacja, szkice wpisów na blogu i prywatne notatki nigdy nie opuszczają karty. Zamknij stronę, a nic nie zostanie zachowane.

GitHub dodaje rozszerzenia do standardu CommonMark, takie jak listy zadań, przypisy i automatyczne linkowanie numerów zgłoszeń. Edytor trzyma się szeroko obsługiwanego podzbioru, więc wszystko, co wyświetla się tutaj, renderuje się również na GitHub, GitLab, Reddit i w większości generatorów stron statycznych.

Tak. Upuść plik .md lub .markdown na obszar wejściowy, a jego zawartość wczyta się do edytora w celu dalszej edycji, gotowa do ponownego wyeksportowania jako HTML lub Markdown, gdy skończysz.

Tak — wrzuć plik .md lub .markdown do edytora, przełącz się na Podgląd, a plik wyrenderuje się jako sformatowany HTML, który możesz czytać bez instalowania czegokolwiek. Działa jako szybka przeglądarka / renderer Markdown dla plików README i dokumentacji bezpośrednio w przeglądarce.

Tak — przełączaj między Edycją, Podziałem i Podglądem. Podział pokazuje Twój Markdown i HTML na żywo obok siebie, Edycja daje panel pisania na całą szerokość, a Podgląd to wolny od rozpraszaczy, tylko do odczytu render gotowego dokumentu.

Wypróbuj przykład wypełnia edytor krótkim demonstracyjnym dokumentem pokazującym nagłówki, tekst pogrubiony/kursywę, tabelę i blok kodu, dzięki czemu zobaczysz działanie podglądu na żywo przed wklejeniem własnej treści. Naciśnij Wyczyść w dowolnym momencie, aby wyczyścić edytor do pustego dokumentu i zacząć od nowa.

Przełącz się na widok podzielony, aby widzieć podgląd HTML na żywo podczas pisania, użyj Wypróbuj przykład najpierw, jeśli chcesz odniesienia dla składni tabel i bloków kodu, a gdy wygląda dobrze, kliknij Pobierz .html dla wyrenderowanej strony lub Pobierz .md, aby zachować źródło do kontroli wersji. Oba eksporty pochodzą z tej samej treści, więc nigdy nie musisz renderować dwa razy.

Tak — obszar przesyłania i selektor plików akceptują pliki .txt i text/plain obok .md i .markdown, więc szkic w zwykłym tekście wczytuje się bezpośrednio do edytora bez wcześniejszej zmiany rozszerzenia. Każda składnia Markdown już obecna w pliku (nagłówki, listy, linki itd.) nadal renderuje się normalnie w podglądzie po wczytaniu.

Nie musisz niczego instalować — ten edytor Markdown działa w przeglądarce na Windows, macOS i Linux. Otwórz stronę, napisz tekst lub przeciągnij plik .md, a podgląd na żywo wyrenderuje się natychmiast. Ponieważ Twój dokument nigdy nie opuszcza przeglądarki, sprawdzi się też jako szybki zamiennik edytora Markdown na komputerze, gdy pracujesz na cudzym sprzęcie.

Tak — wklej lub przeciągnij swój plik README.md, a podgląd wyrenderuje nagłówki, listy, bloki kodu, linki, obrazy oraz tabele w stylu GitHub, dzięki czemu wyłapiesz błędy formatowania przed zatwierdzeniem zmian. Pamiętaj, że GitHub dodaje kilka dodatków, takich jak pola wyboru na liście zadań i automatyczne kotwice nagłówków, które mogą nieznacznie różnić się od lokalnego podglądu.