Konwerter Markdown na HTML

Zamień Markdown na HTML z podglądem na żywo.

Działa w przeglądarce. Nic, co wpiszesz, nie jest nigdzie wysyłane.

Jak zamienić Markdown na HTML

  1. Wklej swój Markdown.
  2. Sprawdź podgląd na żywo poniżej.
  3. Skopiuj albo pobierz HTML.

Obsługiwane funkcje GitHub Flavored Markdown

FunkcjaPrzykład
Tabele| a | b |
Listy zadań- [ ] zadanie
Przekreślenie~~tekst~~
Bloki kodu w ogrodzeniach```js ... ```

Jak podgląd zachowuje bezpieczeństwo

  • Znaczniki script, style i iframe są usuwane, zanim podgląd się wyrenderuje.
  • Atrybuty zdarzeń inline, takie jak onclick, są usuwane.
  • Linki javascript: są zastępowane nieszkodliwym #, więc nie mogą uruchomić kodu.

Gdzie używany jest skonwertowany HTML

  • Publikowanie README albo strony dokumentacji jako części strony statycznej.
  • Wklejanie sformatowanej treści do e-maila albo CMS, który przyjmuje surowy HTML.
  • Podgląd tego, jak Markdown się wyrenderuje, zanim trafi do repozytorium.
  • Wypróbowanie fragmentu, zanim trafi do pola komentarza, które renderuje GitHub Flavored Markdown, na przykład opisu pull requesta.

Ściąga ze składni Markdown

MarkdownRenderuje się jako
# NagłówekNagłówek poziomu 1
**pogrubienie**Pogrubiony tekst
*kursywa*Pochylony tekst
[tekst](url)Link
- pozycjaPozycja listy punktowanej
`kod`Kod inline

Markdown na HTML: najczęstsze pytania

Czy podgląd jest bezpieczny do przeglądania?

Tak. Znaczniki script, atrybuty zdarzeń inline i linki javascript są usuwane, zanim podgląd się wyrenderuje.

Czy mogę wkleić Markdown z osadzonym HTML?

Tak. HTML wewnątrz Markdown jest zachowywany i renderowany razem z resztą treści.

Czy to obsługuje kolorowanie składni w blokach kodu?

Bloki kodu zachowują nazwę języka w atrybucie class, ale ta strona nie dodaje kolorowego podświetlania składni.

Jakiej biblioteki Markdown to używa?

marked, z włączonym GitHub Flavored Markdown (gfm), więc tabele, listy zadań i przekreślenia parsują się tak samo jak na GitHubie.

Czy to obsługuje przypisy albo listy definicji?

Nie. To rozszerzenia wykraczające poza GitHub Flavored Markdown i nie są tu obsługiwane.

Czy mogę podejrzeć Markdown z osadzonymi obrazami?

Tak, odwołanie do obrazu, takie jak ![alt](url), renderuje się w podglądzie, o ile adres URL jest osiągalny z twojej przeglądarki. Ścieżka do lokalnego pliku na twoim komputerze nie wczyta się na stronie internetowej.

Czy odstępy między liniami mają znaczenie w Markdown?

Tak. Pusta linia oddziela dwa akapity. Pojedynczy podział wiersza wewnątrz akapitu jest zwykle ignorowany, chyba że linia kończy się dwiema spacjami albo ukośnikiem wstecznym, co wymusza podział wiersza.

Czy mogę zagnieździć listę wewnątrz listy, albo blok kodu wewnątrz pozycji listy?

Tak. Wcięcie zagnieżdżonej treści o 2 albo 4 spacje pod znacznikiem pozycji listy, a marked odczyta to wcięcie tak samo, jak robi to renderer Markdown na GitHubie.

Podobne narzędzia