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

131

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

Павел Бинар
источник
см. также 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