Найти закрывающий HTML-тег в Sublime Text

131

У меня очень длинный и очень вложенный HTML-документ, в котором мне нужно быстро найти закрывающий тег. Как я могу это сделать?

html sublimetext

— Павел Бинар
источник

см. также superuser.com/questions/489879/… Ctrl + Shift + '// с плагином emmet

— Эран Ор,

136

Попробуйте команду плагина Emmet Перейти к соответствующей паре :

http://docs.emmet.io/actions/go-to-pair/

Ярлык (Mac): Shift+ Control+T

Ярлык (ПК): Control+ Alt+J

https://github.com/sergeche/emmet-sublime#available-actions

— Микко Охтамаа
источник

1

Хорошо, спасибо. На самом деле я использую Эммет, так что это идеально. Ярлык: Shift + Ctrl + T .

— Павел Бинар

1

для пользователя Windows ярлык на момент написания: Control + Alt + J

— cyberfly

2

Спасибо! Control + Alt + J также работает в Linux (протестировано в Linux Mint 14, Sublime Text 3)

— Хосе Томас Точино

@AllanRuin Ruin Для меня в Windows, когда Эммет активен в ST2, он просто работает, чтобы перейти к закрывающему тегу из начального тега, а не наоборот.

— Volker E.

2

Плагин Emmet отлично работает. Вам НЕ ОБЯЗАТЕЛЬНО использовать сочетание клавиш, просто откройте палитру в возвышенном (Shift + Command + P) и начните вводить «подходящую пару»)

— Макс

124

Существует ярлык ( Ctrl+ Shift+ Aдля пользователей Windows и Linux, Command+ Shift+ Aдля пользователей Mac) для выбора всего блока в текущем выбранном теге.

Например, если вы нажали это, когда ваш текстовый курсор находился внутри внешнего divтега в приведенном ниже коде, будут выбраны все divs с классом selected.

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>

— jeffsama
источник

7

ты изменил мой мир!

— Quaking-Mess

1

Спасибо! Я использовал этот совет при редактировании ужасного беспорядка html, он чрезвычайно полезен

— Лиам,

7

Чтобы выбрать родительский тег, просто снова используйте ярлык, и он расширит выбор!

— TimoSolo

На мой взгляд, это должен быть правильный ответ! Просто и не требуется плагин

— Хамри Саид

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

— Фрейзер Киркман

12

По крайней мере, он встроен в Sublime Editor 2. Просто нажмите следующее, и он уравновесит HTML-тег

Ярлык (Mac): Shift+ Command+ A

Ярлык (Windows): Control+ Alt+ A

— К. Килиан Линдберг
источник

7

В меню «Перейти к» Control+ Mозначает «Перейти к соответствующей скобке». Также работает со скобками.

— Джереми Росс
источник

29

Работает для скобок, работает для скобок, но не работает для тегов html.

— Джон Панкост,

7

-1. Не отвечает на вопрос о тегах HTML.

— Zenadix

Это только поиск подходящих скобок. Как настроить эту функцию для поиска { } [] <>?

— SherylHohman 03

4

Ничего из вышеперечисленного не работало с Sublime Text 3 в Windows 10, Ctrl + Shift + 'с плагином Emmet Sublime Text 3 отлично работает и было для меня единственным рабочим решением. Ctrl + Shift + T повторно открывает последний закрытый элемент и, насколько мне известно о Sublime, делал это с ранних сборок ST3 или поздних сборок ST2.

— Brandito
источник

3

Как было сказано ранее, Control/ Command+ Shift+ Aобеспечивает базовую поддержку сопоставления тегов. Нажмите ее еще раз, чтобы расширить совпадение до родительского элемента. Нажмите стрелку влево / вправо, чтобы перейти к начальному / конечному тегу.

В любом случае встроенной подсветки совпадающих тегов нет. Emmet - популярный плагин, но он слишком силен для этой цели и может мешать, если вы не хотите редактирования, подобного Emmet. Bracket Highlighter кажется лучшим выбором для этого варианта использования.

— wortwart
источник

отличная информация, брат,

— mwangaben

2

Я думаю, вы можете попробовать другой подход с включенным сворачиванием.

И в ST2, и в ST3, если вы включите сворачивание в пользовательских настройках:

{
    ...(previous item)
    "fold_buttons": true,
    ...(next item, thus the comma)
}

Вы можете увидеть кнопку складывания треугольника слева от строки, где находится начальный тег. Щелкните его, чтобы развернуть / свернуть. Если вы хотите копировать, складывать и копировать, вы получаете весь блок.

— WesternGun
источник

Проблема с этим для меня в том, что я набираю </+ <kbd> TAB </kbd>, и если он не закрывает правильный тег, я знаю, что у меня где-то болтается открытый тег, я просто не знаю ГДЕ этот открытый тег находится в этом HTML-файле на 6000 строк.

— Марк Томлин,

Попробуйте какой-нибудь плагин форматирования? Может кодлинт или что-то в этом роде? Некоторые онлайн, может быть

— WesternGun