Jak wciskać tagi HTML w Notepad ++

83

Zainstalowałem Notepad ++. Jak sprawić, by tagi były automatycznie wcięte, zwłaszcza podczas zagnieżdżania? Wydaje się, że wszystkie tagi są ustawione w jednej linii po lewej stronie ekranu.

notepad++

— Deke
źródło

1

Zobacz to rozwiązanie

— Willem Van Onsem

Tak. Ale mój daje błąd, który mówi: wykryto błąd w treści, popraw je przed zastosowaniem.

— Deke

to zwykle oznacza, że twój kod xml jest nieprawidłowy. Na przykład brakuje nagłówka lub jakiś tag nie jest poprawnie zamknięty. W takim przypadku nie powinieneś formatować (oryginalnego pliku). Ponieważ może uszkodzić zawartość.

— Willem Van Onsem

<! doctype> <html> <head> <title> Nazwa witryny </title> </head> <body> <h1> Logo </h1> </body> </html> </! doctype>

— Deke

3

Możliwy duplikat sposobu automatycznego formatowania / wcięcia XML / HTML w Notepad ++

— GorvGoyl

81

Użyj wtyczki XML Tools dla Notepad ++, a następnie możesz automatycznie wciskać kod za pomocą Ctrl+ Alt+ Shift+ B. Aby uzyskać bardziej pochylony wskaż i kliknij, możesz również przejść do Wtyczki -> Narzędzia XML -> Pretty Print.

— ahjohnston25
źródło

Ctrl + Alt + Shift + B nie działało, wstawił jakiś losowy tekst i Pretty Print, dosłownie nic nie zrobił (nawet z rzeczywistym plikiem XML) - wszystko pozostało w jednej linii, która nie jest dobrze sformatowana lub ładna .

— BrainSlugs83

50

Odpowiedzi na to pytanie są nie tylko błędne, ale i niebezpieczne. CTRL + ALT + SHIFT + B nie spowoduje wcięcia HTML, ale XML. Rozważ następujący kod HTML:

<span class="myClass"></span>

Funkcja 'Notepad ++ -> Plugins -> XmlTools -> Pretty print (Xml only with line breaks)' (CTRL + ALT + SHIFT + B) przekształci to w:

<span class="myClass"/>

które nie będą już poprawnie wyświetlane w Twojej przeglądarce! Zdecydowanie odradzam używanie tej funkcji do wcięcia HTML.

Zamiast tego użyj wtyczki Tidy2 . Spowoduje to prawidłowe wcięcie kodu HTML bez złych efektów ubocznych (ale utworzy również <html>, <head>, <body>, ...elementy wokół twojego kodu, jeśli ich nie ma).

— Constantin
źródło

6

Tyle tego. Jako amator html / js miałem okropne pół godziny, próbując zrozumieć, dlaczego moja strona w ogóle się nie wyrenderowała - a powodem było to, że <script src="somewhere"></script>zapadła się w<script src="somewhere"/>

— Artalus

Hmm ... wygląda na to, że nie działa z 64-bitową wersją Notepad ++, która jest dla mnie zabójcą transakcji.

— Keyvan Sadralodabai

1

@KeyvanSadralodabai Większość wtyczek (w tym Plugin Manager) nie jest jeszcze dostępna w wersji x64 - jeśli polegasz na wtyczkach Notepad ++, zaleca się zainstalowanie 32-bitowej wersji Notepad ++, aby móc korzystać z wtyczek. Jeśli nie ma takiej opcji, musisz użyć innego edytora - np. Sublime Text

— Constantin

1

Tak, masz rację. Nie wiem, dlaczego myślałem, że to zabójca transakcji ... to nie jest tak, że poprawia się tak bardzo z 64-bitowym.

— Keyvan Sadralodabai

1

Dla porównania „Menedżer wtyczek” (różniący się od wbudowanego administratora wtyczek) jest teraz dostępny w wersji 64-bitowej, ale Tidy2 nadal nie jest dostępny w wersji 64-bitowej.

— Étienne,

20

Krok 1: Otwórz menedżera wtyczek w notatniku ++

Wtyczki -> Menedżer wtyczek -> Pokaż menedżera wtyczek.

Krok 2: zainstaluj wtyczkę XML Tool

Wyszukaj „XML TOOLS” w opcji „Dostępne”, a następnie kliknij przycisk instalacji.

Teraz możesz użyć klawisza skrótu CTRL + ALT + SHIFT + B, aby wciąć kod.

— ankur jain
źródło

16

Ta odpowiedź jest taka sama jak poprzednia powyżej i dotyczy XML, a nie HTML!

— bytedev

12

Mam dla Ciebie rozwiązanie.

Wystarczy zainstalować wtyczkę o nazwie Indent By Fold.

Możesz to zainstalować, przechodząc przez Plugins -> Plugin Manager -> Show Plugin Manager. LUB Plugins -> Plugins Admin -> chekmark Indent By Fold from listniż zainstalować

Następnie po prostu wybierz element listy i wszystko, czego potrzebujesz, to wpisać pierwsze słowo, a następnie je otrzymasz.

możesz użyć tej wtyczki z wtyczki na pasku menu.

— Nishit Zinzuvadiya
źródło

W przypadku HTML daje to poprawne wcięcie, podczas gdy narzędzie XML wygenerowałoby niezbalansowane wcięcie z powodu różnic HTML <-> XML.

— jlbenc

1

O ile widzę, nie jest już dostępny w menedżerze wtyczek.

— Devil's Advocate

Właśnie zdałem sobie sprawę, że to prawdopodobnie dlatego, że używam 64-bitowej wersji N ++

— Devil's Advocate,

To jest poprawna odpowiedź. Działa lepiej niż XML Tools.

— EkoJR

Działa tylko na kodzie, który dostałeś "na ekranie", reszta dokumentu nie jest wcięta ..

— JoBe

2

Opierając się na odpowiedzi Constantina , oto esencja tego, czego nauczyłem się, przechodząc na Notepad ++ jako mój główny edytor HTML.

Zainstaluj Notepad ++ w wersji 32-bitowej

Nie ma 64-bitowej wersji Tidy2 i kilku innych popularnych wtyczek. 32-bitowa wersja NPP ma kilka praktycznych wad, a więc wersja 64-bitowa.

Zainstaluj Menedżera wtyczek

Menedżer wtyczek nie jest niezbędny do korzystania z wtyczki. Jednak to znacznie ułatwia sprawę.

Menedżer wtyczek został najwyraźniej wyeliminowany z podstawowego pakietu, ponieważ deweloperowi nie spodobało się kilka dołączonych linków.

Możesz zauważyć, że wtyczka Plugin Manager została usunięta z oficjalnej dystrybucji. Powodem jest to, że Plugin Manager zawiera reklamy w swoim oknie dialogowym. Nienawidzę reklam w aplikacjach i zapewniam, że nie było i nigdy nie będzie reklam w Notepad ++.

Jest to instalacja ręczna, ale nie jest to trudne.

Pobierz pakiet ZIP UNI (32-bitowy) i rozpakuj go. Wewnątrz zobaczysz foldery zwane wtyczkami i aktualizatorem . Każdy zawiera jeden plik.
Przeciągnij te dwa pliki do odpowiednich folderów o identycznych nazwach w katalogu instalacyjnym Notepad ++. Zwykle tak C:\Program Files (x86)\Notepad++.
Uruchom ponownie Notepad ++ i postępuj zgodnie z instrukcjami instalacji / aktualizacji.

Teraz zobaczysz nowy wpis w obszarze Wtyczki dla Menedżera wtyczek.

Zainstaluj Tidy2 (lub preferowaną alternatywę)

W Menedżerze wtyczek zaznacz pole Tidy2. Kliknij Zainstaluj. Uruchom ponownie po wyświetleniu monitu.

Aby użyć Tidy2, wybierz jeden ze wstępnie skonfigurowanych profili w elemencie podmenu Wtyczki lub utwórz własny.

— isherwood
źródło

0

W Notepadd ++ w wersji 7.5.9 (32 bity) wtyczka „Wcięcie po zawinięciu” działa poprawnie z zawartością HTML.

Wyszukaj i zainstaluj w menedżerze wtyczek
Użyj opcji „Wtyczki”> „Wcięcie po zawinięciu”> „Plik ponownego wcięcia”

https://www.fesevur.com/indentbyfold/

— Daweb
źródło

0

W Notepad ++ v7.8.9 możesz użyć Tabklawisza, aby zwiększyć poziom Shift + Tabwcięcia , i użyć, aby zmniejszyć poziom wcięcia.

— Tes3awy
źródło