Как сделать отступ в HTML-тегах в Notepad ++

83

Я установил Notepad ++. Как сделать так, чтобы теги автоматически отступали, особенно при вложении? Кажется, что все теги выстраиваются в левую часть экрана.

Deke
источник
1
Смотрите это решение
Виллем Ван Онсем
Да. Но мой выдает ошибку: в контенте обнаружена ошибка, исправьте ее перед применением.
Deke
обычно это означает, что ваш xml-код недействителен. Например, отсутствует заголовок или какой-то тег закрывается неправильно. В этом случае форматировать (исходный файл) не следует. Так как это может повредить контент.
Виллем Ван Онсем
<! doctype> <html> <head> <title> Название сайта </title> </head> <body> <h1> Logo </h1> </body> </html> </! doctype>
Deke

Ответы:

82

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

Ахджонстон25
источник
Ctrl + Alt + Shift + B не сработало, он вставил какой-то случайный текст, а Pretty Print буквально ничего не сделал (даже с настоящим XML-файлом) - все осталось в одной строке, которая плохо отформатирована или довольно .
BrainSlugs83
50

Ответы на этот вопрос не только неверны, но и опасны. CTRL + ALT + SHIFT + B не будет отступать от HTML, а от XML. Рассмотрим следующий HTML-код:

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

Функция Notepad ++ -> Plugins -> XmlTools -> Pretty print (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 ++, что для меня убийственно.
Кейван Садралодабай 07
1
@KeyvanSadralodabai Большинство плагинов (включая диспетчер плагинов) еще не доступны в x64 - если вы полагаетесь на плагины Notepad ++, рекомендуется вместо этого установить 32-битную версию Notepad ++, чтобы иметь возможность использовать плагины. Если это не вариант, тогда вам придется использовать другой редактор - например, Sublime Text
Константин
1
Да ты прав. Не знаю, почему я подумал, что это убийца ... не похоже, что он так сильно улучшается с 64-битной версией.
Кейван Садралодабай 09
1
Для справки «Диспетчер подключаемых модулей» (который отличается от встроенного администратора подключаемых модулей) теперь доступен как 64-битная версия, но Tidy2 по-прежнему недоступен как 64-битная.
Étienne
21

Шаг 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 создает несбалансированный отступ из-за различий HTML <-> XML.
jlbenc
1
Насколько я понимаю, больше не доступен в диспетчере плагинов.
Devil's Advocate
Просто понял, что это, вероятно, потому, что я использую 64-битную версию N ++
Devil's Advocate
Это правильный ответ. Работает лучше чем XML Tools.
EkoJR
Он работает только с кодом, который вы получили "на экране", остальная часть документа не имеет отступов.
отступов
2

Основываясь на ответе Константина , вот суть того, что я узнал при переходе на Notepad ++ в качестве основного редактора HTML.

Установите Notepad ++ 32-бит

64-битной версии Tidy2 и некоторых других популярных плагинов нет. У 32-битной версии NPP есть несколько практических недостатков, поэтому откажитесь от 64-битной версии.

Установите диспетчер плагинов

Диспетчер плагинов не является строго необходимым для использования плагинов. Тем не менее, это значительно упрощает работу.

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

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

Это ручная установка, но это не сложно.

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

Теперь вы увидите новую запись в разделе Plugins for Plugin Manager.

Установите Tidy2 (или ваш предпочтительный вариант)

В диспетчере плагинов установите флажок Tidy2. Щелкните Установить. При появлении запроса перезапустите.

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

Isherwood
источник
0

В Notepadd ++ v7.5.9 (32-разрядная версия) плагин «Отступ сгибом» отлично работает с HTML-содержимым.

  1. Найдите и установите в диспетчере плагинов
  2. Используйте «Плагины»> «Отступ по сгибу»> «Восстановить файл»

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

Daweb
источник
0

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

Tes3awy
источник