Przekład HTML na format Pug
Bezpłatnie online Przekład HTML na format Pug narzędzie, nie wymaga instalacji
Informacje o HTML do Pug
Konwertuje znaczniki HTML na składnię szablonów Pug (dawniej Jade) przy użyciu przeglądarkowego DOMParser. Konwerter tworzy czystą skróconą składnię Pug: tagi div są pomijane, gdy mają klasę lub id, klasy stają się selektorami .class, identyfikatory stają się selektorami #id, a pozostałe atrybuty są ujęte w nawiasach.
Jak używać
1. Wklej HTML do pola tekstowego HTML Input. 2. Ustaw Rozmiar wcięcia (1-8) i w razie potrzeby przełącz Użyj tabulatorów oraz Pojedynczy cudzysłów. 3. Kliknij Konwertuj. 4. Użyj Kopiuj na karcie Pug Output, aby skopiować wynik.
Reguły konwersji Pug
Wcięcie używa skonfigurowanej liczby spacji lub pojedynczego tabulatora. Wartości atrybutów używają pojedynczych lub podwójnych cudzysłowów w zależności od opcji Pojedynczy cudzysłów. Atrybuty class i id są konwertowane na skróconą notację .class / #id i usuwane z listy atrybutów; atrybut style jest zachowany jako style="..." po nawiasach. Puste elementy bez dzieci (img, br, input, hr, meta, link itd.) są samozamykające z końcowym /. Pojedyncze dziecko tekstowe jest umieszczane w linii po tagu; wiele dzieci jest zagnieżdżanych w kolejnych wierszach. Samodzielne węzły tekstowe są poprzedzone symbolem potoku (| ).
▶Jak konwertowane są elementy <div class="card highlight" id="main">?
▶Czy atrybuty style inline są zachowywane?
▶Jak obsługiwane są elementy samozamykające i puste?
▶Czy mogę wybierać między spacjami a tabulatorami do wcięć?
Jeśli ten tool był dla ciebie przydatny, pomyśl o tym, aby kupić mi kawę.
Kup mi kawę.