Edytor Markdown
Pisanie i podgląd Markdown z renderowaniem na żywo i paskiem narzędzi
Markdown
Liczba znaków to liczba jednostek kodu UTF-16; słowa to ciągi oddzielone białymi znakami, razem ze składnią Markdown.
Krótki przewodnik po Markdown
- Nagłówek 1
# Nagłówek 1- Nagłówek 2
## Nagłówek 2- Pogrubiona
**bold**- Kursywa
*italic*- Link
[link](url)- Obraz
- Kod w linii
`inline code`- Blok kodu
```blok kodu```- Lista nienumerowana
- lista nienumerowana- Lista numerowana
1. lista numerowana- Cytat blokowy
> cytat blokowy- Linia pozioma
--- linia pozioma
Podgląd i HTML
Przygotowywanie podglądu…
O tym podglądzie
- To oryginalny prosty parser ze sprawdzonymi poprawkami. GitHub i inne programy renderujące Markdown mogą dawać inne wyniki.
- Kod blokowy i w linii pozostaje dosłowny. Nie jest dostępne kolorowanie składni dla poszczególnych języków.
- Adresy zewnętrznych obrazów są ładowane z ich hostów bez nagłówka referrer; te hosty otrzymują żądanie obrazu. Obraz przykładowy jest lokalny.
- HTML jest filtrowany przed podglądem i kopiowaniem HTML. Kopiowanie i zapisywanie Markdown zachowuje Twój tekst źródłowy.
- Kopiowanie HTML umieszcza w schowku tekst źródłowy HTML; edytor tekstu sformatowanego może wkleić go jako zwykły tekst.
- Edytor nie zapisuje automatycznie. Przed opuszczeniem strony pobierz dokument.
O edytorze Markdown
Nasz edytor Markdown to darmowe narzędzie online z edycją i podglądem obok siebie na żywo, przeznaczone do pisania dokumentów w Markdown. Markdown to lekki język znaczników, szeroko stosowany w dokumentacji, plikach README, wpisach na blogach, tekstach technicznych i notatkach. Edytor pozwala pisać Markdown po lewej stronie i od razu widzieć wyrenderowany HTML po prawej.
Edytor ma pełny pasek narzędzi do szybkiego wstawiania typowej składni Markdown, takiej jak nagłówki, pogrubienie, kursywa, linki, obrazy, bloki kodu, listy, cytaty blokowe i linie poziome. Aby zacząć, nie trzeba znać składni Markdown na pamięć. Wystarczy kliknąć przyciski paska narzędzi, aby wstawić formatowanie w miejscu kursora, albo wpisać Markdown bezpośrednio.
Edytor analizuje Markdown lokalnie, bez przesyłania dokumentu. Adresy URL obrazów zewnętrznych nadal mogą wysyłać żądania do swoich hostów, a inne skrypty strony mogą wykonywać własne żądania. Nie ma ogólnej gwarancji prywatności. Edytor obsługuje podgląd w czasie rzeczywistym, liczenie znaków i słów, kopiowanie do schowka zarówno Markdown, jak i wyniku HTML oraz bezpośrednie pobieranie pliku .md.
Najważniejsze funkcje
- Edycja Markdown i podgląd HTML obok siebie na żywo, z natychmiastowym renderowaniem
- Pełny pasek narzędzi z przyciskami pogrubienia, kursywy, nagłówków (H1-H3), linków, obrazów, bloków kodu, list, cytatów blokowych i linii poziomych
- Wbudowany parser Markdown do HTML obsługujący nagłówki, wyróżnienia, kod, linki, obrazy, listy, cytaty blokowe i linie poziome
- Liczba znaków i słów w czasie rzeczywistym, wyświetlana nad edytorem
- Kopiowanie źródła Markdown do schowka jednym kliknięciem
- Kopiowanie wyrenderowanego HTML do schowka, do wklejenia na stronę internetową lub w edytorze poczty
- Pobieranie dokumentu jako pliku .md do lokalnego przechowywania i kontroli wersji
- Przycisk czyszczenia, aby zacząć od pustego edytora
- Karta szybkiego podglądu z najczęstszą składnią Markdown
- Responsywny układ, który na urządzeniach mobilnych ustawia edytor i podgląd jeden pod drugim
- Pełna obsługa trybu ciemnego dla wygodnej edycji w każdych warunkach oświetleniowych
- Domyślna przykładowa treść prezentująca wszystkie obsługiwane funkcje Markdown
Jak korzystać z edytora Markdown
- Zacznij pisać: Edytor ładuje się z przykładową treścią pokazującą wszystkie obsługiwane funkcje Markdown. Wyczyść ją, aby zacząć od zera, lub zmodyfikuj przykład, aby zobaczyć, jak działa każdy element składni.
- Użyj paska narzędzi: Kliknij dowolny przycisk paska narzędzi, aby wstawić odpowiednią składnię Markdown w miejscu kursora. Najpierw zaznacz tekst, aby objąć go formatowaniem, takim jak pogrubienie lub kursywa.
- Podgląd na bieżąco: W trakcie pisania ten prosty parser aktualizuje przefiltrowany podgląd. Docelowe renderery Markdown mogą się różnić, dlatego przed publikacją sprawdź formatowanie w miejscu docelowym.
- Sprawdź statystyki: Liczba znaków i słów aktualizuje się na żywo nad edytorem, co pomaga kontrolować długość dokumentu pod kątem wymagań lub limitów słów.
- Kopiuj lub pobierz: Przycisk „MD” kopiuje surowy Markdown, przycisk „HTML” kopiuje wyrenderowany HTML, a przycisk „Zapisz” pobiera dokument jako plik .md.
Obsługiwana składnia Markdown
- Nagłówki: Użyj # dla H1, ## dla H2, ### dla H3 i #### dla H4. Każdy kolejny poziom nagłówka daje coraz mniejszy tekst z odpowiednimi odstępami.
- Pogrubienie i kursywa: Ujmij tekst w **podwójne gwiazdki** lub __podwójne podkreślniki__, aby go pogrubić, oraz w *pojedyncze gwiazdki* lub _pojedyncze podkreślniki_, aby uzyskać kursywę.
- Linki: Twórz klikalne linki składnią [tekst linku](URL). Dla wygody linki otwierają się w nowej karcie.
- Obrazy: Osadzaj obrazy składnią . Obrazy są wyświetlane responsywnie, z zaokrąglonymi rogami.
- Kod: Użyj odwrotnych apostrofów (backticków) dla kodu w wierszu i potrójnych dla wielowierszowych bloków kodu. Kod ma stylizowane tło; podświetlanie składni dla konkretnych języków nie jest dostępne.
- Listy: Zacznij wiersze od - lub *, aby utworzyć listy punktowane, albo od 1., aby utworzyć listy numerowane.
- Cytaty blokowe: Zacznij wiersz od >, aby utworzyć stylizowany cytat blokowy z niebieskim akcentem na lewej krawędzi.
- Linie poziome: Wpisz ---, *** lub ___ w osobnym wierszu, aby utworzyć wizualny separator między sekcjami.
- Podziały wierszy: Użyj podwójnych znaków nowego wiersza, aby utworzyć podział akapitu, lub pojedynczych wewnątrz akapitów, aby wstawić podział wiersza.
Zastosowania
- Pliki README: Przygotuj pliki README.md w tym prostym podglądzie, a następnie sprawdź ich renderowanie na GitHubie. Ten parser nie implementuje pełnej specyfikacji GFM.
- Dokumentacja techniczna: Twórz dokumentację API, bibliotek i projektów programistycznych z prawidłowym formatowaniem, blokami kodu i uporządkowanymi nagłówkami.
- Wpisy na blogu: Pisz treść bloga w Markdown, podejrzyj układ, a następnie skopiuj HTML, aby wkleić go do systemu zarządzania treścią.
- Notatki: Używaj Markdown do uporządkowanych notatek ze spotkań, wykładów lub badań. Pobieraj notatki jako pliki .md, aby przechowywać je w porządku.
- Formatowanie e-maili: Napisz treść w Markdown i skopiuj przefiltrowany kod źródłowy HTML. Użyj edytora obsługującego HTML lub procesu importu; edytor tekstu sformatowanego może wkleić kod jako zwykły tekst.
- Nauka Markdown: Korzystaj z przycisków paska narzędzi i karty szybkiego podglądu, aby uczyć się składni Markdown interaktywnie, z natychmiastową informacją zwrotną.
- Migracja treści: Konwertuj treści Markdown do HTML, aby osadzać je w witrynach, wiki i systemach baz wiedzy.
Najczęściej zadawane pytania
Czy ten edytor Markdown jest darmowy?
Edytor jest darmowy i nie wymaga rejestracji. Rozmiar dokumentu i szybkość renderowania zależą od zasobów przeglądarki; nie ma gwarancji nieograniczonej mocy przetwarzania.
Czy moje treści są prywatne i bezpieczne?
Edytor analizuje tekst lokalnie, bez przesyłania i automatycznego zapisywania dokumentu. Obrazy zewnętrzne mogą wysyłać żądania do swoich hostów, a inne skrypty strony mogą korzystać z pamięci przeglądarki lub wykonywać żądania. Zachowaj zapisane kopie; to nie jest bezwzględna gwarancja prywatności ani bezpieczeństwa.
Jakie funkcje Markdown są obsługiwane?
Prosty parser obsługuje H1-H4, wyróżnienia, linki, obrazy, kod, proste listy, cytaty blokowe, linie poziome oraz akapity z podziałami wierszy. Złożone zagnieżdżenia i rozszerzenia GFM nie są w pełni zaimplementowane.
Czy mogę używać edytora do plików README na GitHubie?
Możesz tu przygotować plik README.md, a następnie skopiować lub zapisać Markdown i sprawdzić go na GitHubie. Ten prosty parser nie jest pełnym rendererem GFM; funkcje takie jak tabele, listy zadań i przekreślenia mogą wyglądać inaczej.
Czy mogę wyeksportować do HTML?
Opcja kopiowania źródła HTML umieszcza w schowku przefiltrowany tekst HTML. Wklej go do edytora obsługującego HTML lub zaimportuj jako kod źródłowy; edytory tekstu sformatowanego mogą wyświetlić znaczniki jako zwykły tekst.
Czy edytor działa na urządzeniach mobilnych?
Tak, edytor jest w pełni responsywny. Na mniejszych ekranach panele edytora i podglądu układają się jeden pod drugim zamiast obok siebie, co zapewnia wygodną edycję na telefonach i tabletach.
Wskazówki i dobre praktyki
- Nadaj dokumentowi strukturę nagłówkami: Porządkuj dokumenty przejrzystą hierarchią nagłówków. Użyj H1 dla tytułu, H2 dla głównych sekcji i H3 dla podsekcji.
- Podglądaj w trakcie pisania: Pozostaw panel podglądu widoczny, aby szybko wychwytywać błędy formatowania i mieć pewność, że dokument wygląda dokładnie tak, jak zamierzasz.
- Zaznacz tekst przed formatowaniem: Zaznacz tekst w edytorze przed kliknięciem przycisku paska narzędzi, aby objąć zaznaczenie wybranym formatowaniem.
- Używaj bloków kodu do treści technicznych: Umieszczaj fragmenty kodu, polecenia i przykłady konfiguracji w blokach kodu, aby zachować formatowanie i poprawić czytelność.
- Zapisuj często: Użyj przycisku pobierania, aby zapisać pracę jako plik .md. Pliki Markdown to zwykły tekst i można je otworzyć w dowolnym edytorze tekstu.
- Poznaj składnię Markdown: Korzystaj z paska narzędzi lub wpisuj składnię Markdown bezpośrednio, np. ** dla pogrubienia i * dla kursywy. Ten edytor źródłowy nie definiuje osobnych skrótów klawiszowych do formatowania.