Jak wciskać tagi HTML w Notepad ++

Question 1

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.

Question 2

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.

Question 3

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).

Question 4

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.

Question 5

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.

Question 6

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.

Question 7

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/

Question 8

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.

Answer 1

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

Answer 2

1

Zobacz to rozwiązanie

Willem Van Onsem

Answer 3

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

Deke

Answer 4

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

Answer 5

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

Deke

Answer 6

3

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

GorvGoyl

Answer 7

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

Answer 8

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

Answer 9

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,

Answer 10

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

Answer 11

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

Keyvan Sadralodabai

Answer 12

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

Answer 13

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

Answer 14

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,

Answer 15

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

Answer 16

16

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

bytedev

Answer 17

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

Answer 18

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

Answer 19

1

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

Devil's Advocate

Answer 20

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

Devil's Advocate,

Answer 21

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

EkoJR

Answer 22

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

JoBe

Answer 23

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.

Answer 24

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/

Answer 25

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

Jak wciskać tagi HTML w Notepad ++

Odpowiedzi: