Як зробити відступ тегів HTML у Notepad ++


83

Я встановив Notepad ++. Як зробити теги автоматично відступами, особливо під час вкладеності? Здається, всі теги вишикуються зліва від екрана.



Так. Але мій видає помилку, в якій сказано: виявлена ​​помилка у вмісті, будь ласка, виправте їх перед застосуванням.
Deke

це зазвичай означає, що ваш код xml не дійсний. Наприклад, заголовок відсутній, або якийсь тег неправильно закритий. У цьому випадку не слід форматувати (оригінальний файл). Оскільки це може пошкодити вміст.
Віллем Ван Онсем

<! doctype> <html> <head> <title> Назва сайту </title> </head> <body> <h1> Логотип </h1> </body> </html> </! doctype>
Deke

Відповіді:


82

Використовуйте плагін XML Tools для Notepad ++, після чого ви можете автоматично зробити відступ коду за допомогою Ctrl+ Alt+ Shift+ B. Для більш нахилених пунктів і клацань ви також можете перейти до плагінів -> XML Tools -> Pretty Print.


Ctrl + Alt + Shift + B не працювали, він вставляв випадковий текст, а Pretty Print буквально нічого не робив (навіть із справжнім XML-файлом) - усе це залишалося в одному рядку, який погано відформатований або досить .
BrainSlugs83,

49

Відповіді на це питання не тільки неправильні, але й небезпечні. CTRL + ALT + SHIFT + B не відступ HTML, а XML. Розглянемо такий HTML-код:

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

Функція 'Notepad ++ -> Плагіни -> XmlTools -> Гарний друк (Xml лише з розривами рядків)' (CTRL + ALT + SHIFT + B) перетворить це на:

<span class="myClass"/>

які ваш браузер більше не відображатиме правильно! Я настійно не рекомендую використовувати цю функцію для відступу HTML.

Натомість використовуйте плагін Tidy2 . Це дозволить правильно відступити HTML без поганих побічних ефектів (але це також створить <html>, <head>, <body>, ...елементи навколо вашого коду, якщо їх немає).


6
Стільки цього. Як аматорський учень html / js, я просто мав жахливі півгодини, намагаючись зрозуміти, чому моя сторінка просто взагалі не відображалася - і причина в тому, що <script src="somewhere"></script>впала<script src="somewhere"/>
Арталус

Хм ... схоже, це не працює з 64-розрядною версією Notepad ++, яка для мене є вбивцею угод.
Keyvan Sadralodabai

1
@KeyvanSadralodabai Більшість плагінів (включаючи диспетчер плагінів) ще не доступні в x64 - якщо ви покладаєтесь на плагіни Notepad ++, доцільно встановити 32-розрядну версію Notepad ++, щоб мати можливість використовувати плагіни. Якщо це не варіант, то вам доведеться використовувати інший редактор - тобто Sublime Text
Константин

1
Так, ти маєш рацію. Не знаю, чому я думав, що це вбивця угоди ... це не схоже на те, що він значно покращується за допомогою 64 біт.
Keyvan Sadralodabai

1
Для довідки "Менеджер плагінів" (який відрізняється від вбудованого адміністратора плагінів) тепер доступний у 64-бітовій версії, але Tidy2 все ще недоступний як 64-бітний.
Етьєн,

20

Крок 1: Відкрийте менеджер плагінів у блокноті ++

Плагіни -> Менеджер плагінів -> Показати менеджер плагінів.

Крок 2: Встановіть плагін XML Tool

Шукайте "XML TOOLS" в опції "Доступно", а потім натисніть кнопку встановити.

Тепер ви можете використовувати комбінацію клавіш CTRL + ALT + SHIFT + B для відступу коду.


16
Ця відповідь така ж, як і попередня вище, і стосується XML, а не HTML!
bytedev

12

У мене є рішення для вас.

Просто вам потрібно встановити плагін з іменем Indent By Fold.

Ви можете встановити це, пройшовши Plugins -> Plugin Manager -> Show Plugin Manager. АБО Plugins -> Plugins Admin -> chekmark Indent By Fold from listніж встановити

Потім просто виберіть елемент списку, і все, що вам потрібно, це набрати перше слово, після чого ви його отримали.

Ви можете використовувати цей плагін із плагіна в рядку меню.



Для HTML це створює правильний відступ, де XML Tool створює незбалансований відступ через HTML <-> XML-відмінності.
jlbenc

1
Наскільки я бачу, більше не доступний у менеджері плагінів.
Адвокат диявола

Щойно зрозумів, що це, мабуть, тому, що я використовую 64-
адвоката диявола

Це правильна відповідь. Працює краще, ніж XML Tools.
EkoJR

Це працює лише на коді, який ви отримали "на екрані", решта документа не має відступу ..
JoBe

2

Спираючись на відповідь Константина , ось суть того, про що я дізнався, переходячи до Notepad ++ як свого основного редактора HTML.

Встановіть Notepad ++ 32-bit

Немає 64-розрядної версії Tidy2 та деяких інших популярних плагінів. 32-розрядна версія АЕС має кілька практичних недоліків, тому використовуйте 64-розрядну версію.

Встановіть диспетчер плагінів

Менеджер плагінів не є суто необхідним для використання плагінів. Однак це значно полегшує ситуацію.

Менеджер плагінів був вилучений з основного пакету, очевидно, тому, що розробникові не сподобались деякі посилання на атрибуцію.

Ви можете помітити, що плагін Plugin Manager вилучено з офіційного дистрибутива. Причиною є те, що менеджер плагінів містить рекламу у своєму діалоговому вікні. Я ненавиджу Оголошення в додатках і переконуюсь, що їх не було і ніколи не буде Оголошень у Notepad ++.

Це встановлення вручну, але це не складно.

  1. Завантажте UNI (32-розрядний) пакет ZIP і витягніть його. Усередині ви побачите папки, що називаються плагінами та оновленням . Кожен містить один файл.
  2. Перетягніть ці два файли у відповідні папки з однаковим іменем у каталозі встановлення Notepad ++. Зазвичай це C:\Program Files (x86)\Notepad++.
  3. Перезапустіть Notepad ++ і дотримуйтесь будь-яких підказок щодо встановлення / оновлення.

Тепер ви побачите новий запис у розділі Плагіни для менеджера плагінів.

Встановіть Tidy2 (або бажану альтернативу)

У диспетчері плагінів поставте прапорець біля Tidy2. Натисніть Встановити. Перезапустіть, коли буде запропоновано.

Щоб скористатися Tidy2, виберіть один із попередньо налаштованих профілів у пункті підменю «Плагіни» або створіть власний.


0

На Notepadd ++ v7.5.9 (32-біт) плагін "З відступом" відмінно працює із вмістом html.

  1. Шукайте та встановлюйте в диспетчері плагінів
  2. Використовуйте "Плагіни"> "З відступом"> "Файл повторного введення"

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


0

У Notepad ++ v7.8.9 ви можете використовувати Tabклавішу для збільшення рівня відступу та використання Shift + Tabдля зменшення рівня відступу.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.