ค้นหาแท็กปิด HTML ใน Sublime Text

131

ฉันมีเอกสาร HTML ที่ยาวและซ้อนกันมากซึ่งฉันต้องหาแท็กปิดอย่างรวดเร็ว ฉันจะทำเช่นนี้ได้อย่างไร?

html sublimetext

— พาเวลบินาร์
แหล่งที่มา

ดูsuperuser.com/questions/489879/… Ctrl + Shift + '// พร้อมปลั๊กอิน emmet

— Eran หรือ

136

ลองใช้คำสั่งปลั๊กอิน 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

— มิกโกะโอตะมะอะ
แหล่งที่มา

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 สำหรับฉันบน Windows โดยที่ Emmet ใช้งานอยู่ใน ST2 มันก็ใช้งานได้เพื่อข้ามไปยังแท็กปิดจากแท็กเริ่มต้นไม่ใช่ในทางกลับกัน

— Volker E.

2

ปลั๊กอิน Emmet ใช้งานได้ดี คุณไม่ต้องใช้แป้นพิมพ์ลัดเพียงแค่เปิด Palette ของคุณใน Sublime (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 ที่ยุ่งเหยิงซึ่งมีประโยชน์มาก

— Liam

7

ในการเลือกแท็กหลักด้วยเพียงแค่ใช้ทางลัดอีกครั้งและจะขยายการเลือก!

— TimoSolo

น่าจะเป็นคำตอบที่ใช่ในความคิดของฉัน! ตรงไปตรงมาและไม่จำเป็นต้องใช้ปลั๊กอิน

— Hamri Said

มันไม่ได้ตอบคำถามอย่างตรงไปตรงมา แต่คำตอบนั้นกลายเป็นเรื่องเล็กน้อย หากต้องการค้นหาแท็กปิดคุณต้องดูที่ส่วนท้ายของการเลือกหรือกดปุ่มลูกศรขวา

— Frazer Kirkman

12

สร้างขึ้นจาก Sublime Editor 2 เป็นอย่างน้อย เพียงแค่กดปุ่มต่อไปนี้และจะปรับสมดุลแท็ก HTML

ทางลัด (Mac): Shift+ Command+ A

ทางลัด (Windows): Control+ Alt+ A

— K. Kilian Lindberg
แหล่งที่มา

7

ใต้เมนู "Goto" Control+ Mคือ Jump to Matching Bracket ใช้ได้กับวงเล็บเช่นกัน

— Jeremy Ross
แหล่งที่มา

29

ใช้ได้กับวงเล็บใช้ได้กับวงเล็บ แต่ใช้ไม่ได้กับแท็ก html

— John Pancoast

7

-1 ไม่ตอบคำถามซึ่งเกี่ยวกับแท็ก HTML

— Zenadix

เป็นเพียงการค้นหาวงเล็บที่ตรงกันเท่านั้น ฉันจะตั้งค่าคุณลักษณะนี้ให้ค้นหาได้{ } [] <>อย่างไร

— SherylHohman

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
แหล่งที่มา

great info brother,

— mwangaben

2

ฉันคิดว่าคุณอาจต้องการลองวิธีอื่นโดยเปิดใช้การพับ

ทั้งใน ST2 และ ST3 หากคุณเปิดใช้งานการพับในการตั้งค่าผู้ใช้:

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

คุณสามารถเห็นปุ่มพับสามเหลี่ยมที่ด้านซ้ายของเส้นที่มีแท็กเริ่มต้น คลิกเพื่อขยาย / พับ หากคุณต้องการคัดลอกพับและคัดลอกคุณจะได้รับบล็อกทั้งหมด

— WesternGun
แหล่งที่มา

ปัญหานี้สำหรับฉันคือฉันพิมพ์</+ <kbd> TAB </kbd> และถ้ามันไม่ปิดแท็กที่ถูกต้องฉันรู้ว่าฉันมีแท็กเปิดห้อยอยู่ที่ไหนสักแห่งฉันไม่รู้ว่าที่ไหน แท็กที่เปิดอยู่ในไฟล์ HTML 6000 บรรทัดนี้

— Mark Tomlin

ลองใช้ปลั๊กอินการจัดรูปแบบดูไหม อาจจะเป็น codelint หรืออะไร? บางคนออนไลน์อาจจะ

— WesternGun