Temukan penutupan tag HTML dalam Teks Sublime

131

Saya memiliki dokumen HTML yang sangat panjang dan sangat bersarang, di mana saya perlu dengan cepat menemukan tag penutup. Bagaimana saya bisa melakukan ini?

Pavel Binar
sumber
lihat juga superuser.com/questions/489879/... Ctrl + Shift + '// dengan plugin emmet
Eran Or

Jawaban:

136

Coba perintah plug-in Emmet Go To Matching Pair :

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

Pintasan (Mac): Shift+ Control+T

Pintasan (PC): Control+ Alt+J

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

Mikko Ohtamaa
sumber
1
Keren Terimakasih. Saya sebenarnya menggunakan Emmet sehingga sangat ideal. Pintas adalah: Shift + Control + T .
Pavel Binar
1
untuk pengguna Windows, pintasan pada saat penulisan adalah Control + Alt + J
cyberfly
2
Terima kasih! Control + Alt + J juga berfungsi di Linux (diuji di Linux Mint 14, Sublime Text 3)
José Tomás Tocino
@ AllanRuin Ruin Bagi saya di Windows, dengan Emmet aktif di ST2, itu hanya berfungsi untuk melompat ke tag penutup dari tag awal, bukan sebaliknya.
Volker E.
2
Plugin Emmet berfungsi dengan baik. Anda TIDAK HARUS menggunakan pintasan keyboard, cukup buka Palette dengan luhur (Shift + Command + P) dan mulai mengetik 'pasangan serasi')
Maks
124

Ada jalan pintas ( Ctrl+ Shift+ Auntuk pengguna Windows dan Linux, Command+ Shift+ Auntuk pengguna Mac) untuk memilih seluruh blok dalam tag yang saat ini dipilih.

Misalnya, jika Anda menekan ini ketika kursor teks Anda berada di dalam divtag luar dalam kode di bawah ini, semua huruf divdengan kelas selectedakan dipilih.

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>
jeffsama
sumber
7
kamu telah mengubah duniaku!
Quaking-Mess
1
Terima kasih! Saya menggunakan tip ini ketika mengedit kekacauan html yang mengerikan, ini sangat membantu
Liam
7
Untuk memilih tag induk juga, cukup gunakan pintasan lagi dan itu memperluas pilihan!
TimoSolo
Seharusnya jawaban yang tepat menurut saya! Mudah dan tidak perlu plug-in
Hamri Said
itu tidak persis menjawab pertanyaan, tetapi jawabannya kemudian menjadi sepele. Untuk menemukan tag penutup, Anda perlu melihat di akhir pemilihan, atau tekan tombol panah kanan.
Frazer Kirkman
12

Ini dibangun dari Sublime Editor 2 setidaknya. Cukup tekan yang berikut ini dan menyeimbangkan tag-HTML

Pintasan (Mac): Shift+ Command+ A

Pintasan (Windows): Control+ Alt+ A

K. Kilian Lindberg
sumber
7

Di bawah menu "Goto", Control+ Madalah Jump to Matching Bracket. Juga berfungsi untuk tanda kurung.

Jeremy Ross
sumber
29
Bekerja untuk tanda kurung, bekerja untuk tanda kurung, tetapi tidak bekerja untuk tag html.
John Pancoast
7
−1. Tidak menjawab pertanyaan, yaitu tentang tag HTML.
Zenadix
Itu hanya menemukan tanda kurung yang cocok. Bagaimana cara saya mengatur fitur ini juga { } [] <>?
SherylHohman
4

Tidak ada yang di atas bekerja pada Sublime Text 3 pada Windows 10, Ctrl + Shift + 'dengan plugin Emmet Sublime Text 3 berfungsi dengan baik dan merupakan satu-satunya solusi yang bekerja untuk saya. Ctrl + Shift + T untuk membuka kembali item yang ditutup terakhir dan sepengetahuan saya tentang Sublime, telah melakukannya sejak awal membangun ST3 atau membangun akhir ST2.

Brandito
sumber
3

Seperti yang dikatakan sebelumnya, Control/ Command+ Shift+ Amemberi Anda dukungan dasar untuk pencocokan tag. Tekan lagi untuk memperpanjang kecocokan ke elemen induk. Tekan panah kiri / kanan untuk melompat ke tag awal / akhir.

Lagi pula, tidak ada penyorotan bawaan dari tag yang cocok. Emmet adalah plugin yang populer, tetapi itu berlebihan untuk tujuan ini dan dapat menghalangi jika Anda tidak ingin mengedit seperti Emmet. Highlighter Bracket tampaknya menjadi pilihan yang lebih baik untuk kasus penggunaan ini.

berjalan cepat
sumber
info hebat saudara,
mwangaben
2

Saya pikir, Anda mungkin ingin mencoba pendekatan lain dengan lipatan diaktifkan.

Di ST2 dan ST3, jika Anda mengaktifkan lipatan di pengaturan Pengguna:

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

Anda dapat melihat tombol lipat segitiga di sisi kiri garis tempat tag awal berada. Klik untuk memperbesar / lipat. Jika Anda ingin menyalin, melipat dan menyalin, Anda mendapatkan semua blokir.

masukkan deskripsi gambar di sini

WesternGun
sumber
Masalahnya dengan ini bagi saya adalah saya mengetik </+ <kbd> TAB </kbd> dan jika itu tidak menutup tag yang benar, saya tahu bahwa saya punya tag terbuka yang menggantung di suatu tempat, saya hanya tidak tahu DI MANA tag terbuka itu ada dalam file HTML 6000 baris ini.
Mark Tomlin
Coba beberapa plugin format? Mungkin codelint atau sesuatu? Beberapa yang online, mungkin
WesternGun