Utilia
Kategorie ▾
Język: pl ▾

Edytor Markdown z podglądem

Pisz w Markdown z bezpiecznym podglądem na żywo, tabelami i listami zadań GFM, licznikiem słów, autozapisem oraz eksportem do .md lub samodzielnego .html.

Podgląd

Słowa
0
Znaki
0
Czas czytania
0 min

Jak korzystać z edytora Markdown

  1. Pisz lub wklejaj Markdown w polu Markdown. Podgląd obok (na telefonie pod spodem) aktualizuje się na bieżąco.
  2. Używaj przycisków Formatowanie (Pogrubienie, Kursywa, Nagłówek, Link, Lista, Cytat, Kod), aby objąć nimi zaznaczony tekst, albo naciśnij Ctrl+B / Ctrl+I (⌘B / ⌘I na Macu).
  3. Zostaw zaznaczone GitHub Flavored Markdown (tabele, listy zadań, \~\~przekreślenie\~\~, automatyczne linki), aby używać składni z GitHuba, albo odznacz, by pisać w zwykłym Markdown w stylu CommonMark.
  4. Gdy skończysz, kliknij Kopiuj HTML, aby wkleić HTML do CMS-a lub szablonu e-maila, Pobierz .md, aby zapisać źródło Markdown, albo Pobierz .html, aby dostać kompletną stronę internetową.

Liczniki pod edytorem pokazują Słowa i Znaki dokumentu oraz szacowany Czas czytania przy tempie 200 słów na minutę. Słowa są liczone w wyrenderowanym tekście, więc symbole Markdown, takie jak # czy **, nie zawyżają wyniku.

Autozapis w przeglądarce

Gdy zaznaczone jest Autozapis w tej przeglądarce, szkic zapisuje się chwilę po tym, jak przestaniesz pisać, w pamięci lokalnej przeglądarki na tym urządzeniu. Gdy wrócisz, ostatni szkic zostanie przywrócony. Nic nie jest wysyłane na serwer, więc szkic nie przenosi się do innej przeglądarki ani na inne urządzenie. W trybie prywatnym albo gdy pamięć jest pełna lub zablokowana, narzędzie poinformuje, że autozapis jest niedostępny – wtedy pobierz tekst, aby go zachować. Odznaczenie opcji usuwa zapisany szkic.

Ściąga z Markdown

  • Nagłówki: # Tytuł, ## Sekcja, ### Podsekcja
  • Wyróżnienia: **pogrubienie**, _kursywa_, ~~przekreślenie~~ (GFM)
  • Linki: [tekst](https://example.com); z GFM zwykłe adresy URL także stają się linkami
  • Obrazy: ![opis](data:image/png;base64,…)
  • Listy: - element lub 1. element; listy zadań z - [ ] i - [x] (GFM)
  • Cytaty: > cytowany tekst
  • Kod: `w linii` albo blok między dwiema liniami z trzema odwrotnymi apostrofami
  • Tabele (GFM): wiersz nagłówka, linia | --- | --- |, a potem jeden wiersz na linię

Bezpieczeństwo podglądu i eksportu

Markdown może zawierać surowy HTML, w którym da się ukryć skrypty. Przy każdym odświeżeniu podglądu HTML wygenerowany przez silnik Markdown jest czyszczony biblioteką DOMPurify, zanim zostanie wyświetlony: usuwane są skrypty, obsługa zdarzeń (np. onclick), linki javascript:, style w linii, formularze, ramki i osadzone multimedia. Linki otwierają się w nowej karcie. Ten sam oczyszczony HTML trafia do Kopiuj HTML i Pobierz .html, więc możesz go spokojnie wklejać na inne strony.

Podgląd wyświetla tylko obrazy osadzone jako adresy data: lub blob:. Obrazy zdalne, takie jak https://…/zdjecie.jpg, nigdy nie są ładowane: blokuje je polityka bezpieczeństwa tej strony, co oznacza też, że podgląd nie może posłużyć do śledzenia cię. Narzędzie informuje, ilu obrazów nie mogło pokazać. Pobrany plik Markdown zachowuje oryginalne linki do obrazów, więc zadziałają tam, gdzie go opublikujesz.

Plik .html to samodzielna strona z małym wbudowanym arkuszem stylów (czytelne czcionki, tabele, bloki kodu i tryb ciemny). Jej tytuł pochodzi z pierwszego nagłówka dokumentu, który nadaje też nazwę pobieranym plikom.

Najczęściej zadawane pytania

Czym jest GitHub Flavored Markdown?

GFM to dialekt Markdown używany na GitHubie i w wielu innych serwisach. Dodaje do podstawowej składni tabele, listy zadań, przekreślenie i automatyczne linki. Odznacz opcję, aby zobaczyć, jak tekst wygląda bez tych rozszerzeń.

Czy mogę używać HTML w Markdown?

Tak, podstawowy HTML, taki jak <details>, <sup> czy <kbd>, działa. Wszystko, co niebezpieczne, jest usuwane, podobnie jak style i znaczniki multimediów.

Dlaczego mój obraz się nie wyświetla?

W podglądzie pokazywane są tylko obrazy data: i blob:; obrazy zdalne są blokowane. Link zostaje w twoim Markdown i zadziała po publikacji.

Czy mój dokument jest prywatny?

Tak. Renderowanie, eksport i autozapis odbywają się w twojej przeglądarce. Szkic jest przechowywany tylko na tym urządzeniu, a autozapis możesz w każdej chwili wyłączyć.

Jakiego silnika Markdown używa narzędzie?

Narzędzie korzysta z marked, szybkiego i popularnego parsera Markdown, oraz z DOMPurify do czyszczenia HTML. Oba są ładowane dopiero przy uruchomieniu edytora.

Podobne narzędzia