Sublime Text에서 닫는 HTML 태그 찾기


답변:


136

Emmet 플러그인 명령 Go to Matching Pair :

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

바로 가기 (Mac) : Shift+ Control+T

바로 가기 (PC) : Control+ Alt+J

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


1
감사합니다. 나는 실제로 Emmet을 사용하고 있으므로 이상적입니다. 바로 가기는 Shift + Control + T 입니다.
Pavel Binar

1
Windows 사용자의 경우 글을 쓰는 시점의 바로 가기는 Control + Alt + J
cyberfly

2
감사! Control + Alt + J는 Linux에서도 작동합니다 (Linux Mint 14, Sublime Text 3에서 테스트 됨)
José Tomás Tocino

@AllanRuin Ruin ST2에서 Emmet을 활성화 한 Windows의 경우 다른 방향이 아닌 시작 태그에서 닫는 태그로 점프합니다.
Volker E.

2
Emmet 플러그인이 훌륭하게 작동합니다. 키보드 단축키를 사용하지 않아도됩니다. 팔레트를 숭고하게 열고 (Shift + Command + P) '일치하는 쌍'을 입력하십시오)
Max

124

바로 가기 (가 Ctrl+ Shift+ AWindows 및 Linux 사용자를 위해, Command+ Shift+ AMac 사용자를위한)가 현재 선택된 태그 내에 전체 블록을 선택합니다.

예를 들어, div아래 코드에서 텍스트 커서가 외부 태그 내에있는 동안이 버튼을 누르면 div클래스 selected가있는 모든 s 가 선택됩니다.

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

7
당신은 내 세상을 바꿨습니다!
Quaking-Mess

1
감사! 끔찍한 html을 편집 할 때이 팁을 사용했습니다. 매우 유용합니다
Liam

7
부모 태그도 선택하려면 바로 가기를 다시 사용하면 선택 영역이 확장됩니다!
TimoSolo

내 의견으로는 정답이어야한다! 간단하고 플러그인이 필요하지 않음
Hamri Said

그것은 정확하게 질문에 대답하지는 않지만 그 대답은 사소 해집니다. 닫기 태그를 찾으려면 선택 끝을 보거나 오른쪽 화살표 키를 눌러야합니다.
Frazer Kirkman

12

Sublime Editor 2에서 최소한 내장되어 있습니다. 다음을 누르면 HTML 태그의 균형이 잡 힙니다.

바로 가기 (Mac) : Shift+ Command+ A

바로 가기 (Windows) : Control+ Alt+ A


7

"Goto"메뉴에서 Control+ M는 일치하는 대괄호로 이동입니다. 괄호에도 적용됩니다.


29
괄호, 괄호에는 작동하지만 html 태그에는 작동하지 않습니다.
John Pancoast

7
−1. HTML 태그에 관한 질문에 대답하지 않습니다.
Zenadix

일치하는 괄호 만 찾습니다. 이 기능도 찾아 보려면 { } [] <>어떻게 설정 합니까?
SherylHohman

4

위의 어느 것도 Windows 10의 Sublime Text 3, Emmet Sublime Text 3 플러그인으로 Ctrl + Shift + '에서 작동하지 않았습니다. Ctrl + Shift + T는 마지막으로 닫힌 항목을 다시 열고 Sublime에 대한 나의 지식으로 ST3의 초기 빌드 또는 ST2의 늦은 빌드 이후 그렇게했습니다.


3

앞에서 언급했듯이 Control/ Command+ Shift+ A는 태그 일치에 대한 기본 지원을 제공합니다. 다시 한 번 누르면 일치 항목이 상위 요소로 확장됩니다. 왼쪽 / 오른쪽 화살표를 눌러 시작 / 종료 태그로 이동하십시오.

어쨌든 일치하는 태그를 강조 표시하지 않습니다. Emmet은 널리 사용되는 플러그인이지만이 목적을 위해 과잉이며 Emmet과 같은 편집을 원하지 않으면 방해 할 수 있습니다. 이 사용 사례에서는 브래킷 형광펜 이 더 나은 선택 인 것 같습니다.


훌륭한 정보 형제
mwangaben

2

폴딩을 사용하여 다른 접근법을 시도하고 싶을 수도 있습니다.

ST2 및 ST3 모두에서 사용자 설정에서 접기를 사용하는 경우 :

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

시작 태그가있는 줄의 왼쪽에 삼각형 접는 단추가 있습니다. 클릭하면 확대 / 축소됩니다. 복사, 접기 및 복사를 원한다면 모든 블록을 얻습니다.

여기에 이미지 설명을 입력하십시오


나 에게이 문제는 </+ <kbd> TAB </ kbd>을 입력하고 올바른 태그를 닫지 않으면 어딘가에 매달려있는 열린 태그가 있다는 것을 알고 있습니다. 열린 태그는이 6000 줄 HTML 파일에 있습니다.
Mark Tomlin

포맷 플러그인을 사용해 보시겠습니까? 아마 코 플린트 나 뭔가요? 일부 온라인 사이트
WesternGun
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.