Konwerter HTML na Pug online — Numio
Konwertuj HTML na składnię szablonów Pug (dawniej Jade), która używa wcięć zamiast znaczników zamykających. Przełączaj między pełnym dokumentem a fragmentem HTML oraz wybieraj tabulatory, przecinki i styl cudzysłowów. HTML jest konwertowany lokalnie w przeglądarce bez przesyłania.
Utwórz szablon Pug na podstawie istniejącego kodu HTML.
Kiedy go używać
- Utwórz szablon Pug na podstawie istniejącego kodu HTML.
- Na krótkim fragmencie sprawdź, jak atrybuty i zagnieżdżenia są odwzorowywane w Pug, zanim przekonwertujesz całą stronę.
Jak używać
- Wklej HTML lub wczytaj przykład (fragment HTML, atrybuty formularza, dokument HTML). Wczytanie przykładu zastępuje dane wejściowe.
- Włącz tryb fragmentu, aby przekonwertować wyłącznie fragment bez otaczających elementów html, head i body. Poniższy przykład używa trybu fragmentu z włączonymi tabulatorami i przecinkami oraz wyłączonymi podwójnymi cudzysłowami.
- Skopiuj Pug i skompiluj go w swoim środowisku Pug, aby sprawdzić wynikowy HTML.
Kod HTML
<section class="card"><h2>News</h2><p>Registration is open</p></section>
Wynik Pug (tryb fragmentu, tabulatory i przecinki włączone)
section.card h2 News p Registration is open
Szczegóły i ograniczenia
Po wyłączeniu trybu fragmentu HTML jest traktowany jako dokument, więc elementy html, head i body mogą zostać dodane. Włącz ten tryb, gdy potrzebujesz samych elementów.
Mieszanie tabulatorów i spacji może zmieniać relacje rodzic–dziecko w Pug. Stosuj styl wcięć swojego projektu.
Powtarzający się HTML nie jest zamieniany na pętle each, mixiny ani zmienne Pug. Zewnętrzny CSS, obrazy i skrypty nie są dołączane.
Parser HTML może naprawiać niepełne znaczniki. Udana konwersja nie oznacza walidacji HTML ani gwarancji identycznego wyglądu strony.
FAQ
Dlaczego dodawane są znaczniki html i body?
W trybie dokumentu parser uzupełnia zewnętrzne elementy. Włącz tryb fragmentu, aby przekonwertować HTML komponentu bez otaczających elementów.
Czy mogę konwertować HTML na Pug w VS Code lub z wiersza poleceń?
Ta strona używa pakietu html2pug o otwartym kodzie źródłowym. Zainstaluj go z npm, aby konwertować pliki w skrypcie lub z wiersza poleceń, albo używaj tej strony do szybkiej konwersji fragmentów.
Jak zamienić Pug z powrotem na HTML?
Ta strona konwertuje tylko HTML na Pug. Aby ponownie otrzymać HTML, skompiluj szablon przy użyciu Pug, np. pakietu pug-cli.
Czy mój HTML jest przesyłany?
Nie. Konwersja odbywa się lokalnie w przeglądarce, a HTML nie jest przesyłany. Po użyciu wspólnego urządzenia wyczyść dane wejściowe.