web-dev-qa-db-ja.com

Sublime Textで終了HTMLタグを見つける

非常に長く非常にネストされたHTMLドキュメントがあり、終了タグをすばやく見つける必要があります。これどうやってするの？

htmlsublimetext
121
Pavel Binar

Emmetプラグインコマンドを試してください一致するペアに移動：

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

ショートカット（Mac）： Shift + Control + T

ショートカット（PC）： Control + Alt + J

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

132
Mikko Ohtamaa

ショートカットがあります（Ctrl+Shift+A WindowsおよびLinuxユーザーの場合、 Command+Shift+A Macユーザーの場合）、現在選択されているタグ内のブロック全体を選択します。

たとえば、次のコードのテキストカーソルが外側のdivタグ内にあるときにこれを押すと、クラスdivを持つすべてのselectedsが選択されます。

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

少なくともSublime Editor 2から組み込まれています。以下を押すだけで、HTMLタグのバランスが取られます

ショートカット（Mac）： Shift + Command + A

ショートカット（Windows）： Control + Alt + A

12
K. Kilian Lindberg

[後藤]メニューで、 Control + M 一致するブラケットへのジャンプです。括弧にも機能します。

6
Jeremy Ross

前述したように、Control/Command + Shift + Aは、タグマッチングの基本的なサポートを提供します。もう一度押すと、親要素への一致が拡張されます。左/右矢印を押して、開始/終了タグにジャンプします。

とにかく、一致するタグの組み込みの強調表示はありません。 Emmetは人気のあるプラグインですが、この目的には過剰すぎて、Emmetのような編集を望まない場合は邪魔になります。 Bracket Highlighter は、このユースケースに適した選択肢のようです。

3
wortwart

上記のいずれも、Windows 10のSublime Text 3では機能せず、Emmet Sublime Text 3プラグインを使用したCtrl + Shift + 'はうまく機能し、私にとって唯一の機能するソリューションでした。 Ctrl + Shift + Tを押すと、最後に閉じたアイテムが再び開きます。Sublimeの私の知る限りでは、ST3の初期ビルドまたはST2のビルド後期に開いています。

2
Brandito

折り畳みを有効にして別のアプローチを試してみてください。

ST2とST3の両方で、ユーザー設定で折りたたみを有効にした場合：

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

開始タグがある行の左側に三角形の折りたたみボタンがあります。クリックして展開/折りたたみます。コピー、折りたたみ、コピーしたい場合は、すべてブロックされます。

enter image description here

1
WesternGun