แปลงแท็บเป็นช่องว่าง
จำนวนช่องว่างต่อแท็บ:
วิธีใช้ แปลงแท็บเป็นช่องว่าง
- 1
วางข้อความของคุณ
วางโค้ดหรือข้อความที่มีอักขระแท็บลงในช่องป้อนข้อมูล
- 2
กำหนดช่องว่างต่อแท็บ
เลือกว่าแต่ละแท็บควรกลายเป็นกี่ช่องว่างโดยใช้ช่อง "จำนวนช่องว่างต่อแท็บ" เช่น 2 หรือ 4
- 3
แปลงแท็บ
คลิก "แปลงแท็บเป็นช่องว่าง" แล้วทุกแท็บจะถูกแทนด้วยจำนวนช่องว่างที่คุณเลือก
- 4
คัดลอกผลลัพธ์
ใช้ "คัดลอกผลลัพธ์" เพื่อนำข้อความที่สะอาดและเยื้องด้วยช่องว่างไปใช้ในเอดิเตอร์หรือเอกสารของคุณ
การแปลงแท็บเป็นช่องว่างเพื่อการเยื้องที่สม่ำเสมอ
เครื่องมือนี้ทำอะไร
เครื่องมือนี้แทนที่อักขระแท็บทุกตัวในข้อความของคุณด้วยจำนวนช่องว่างที่คุณเลือก ตั้งค่าช่องจำนวนช่องว่างต่อแท็บเป็น 2, 4 หรือค่าใดก็ได้ แล้วแต่ละแท็บจะกลายเป็นช่องว่างจำนวนนั้นพอดี การแทนที่เป็นแบบตรงตัวและหนึ่งต่อหนึ่ง คือหนึ่งแท็บเข้าไป ได้จำนวนช่องว่างที่คุณเลือกออกมา
เนื่องจากแท็บเป็นอักขระเดียวที่มองไม่เห็นซึ่งเอดิเตอร์แสดงผลด้วยความกว้างการแสดงผลบางอย่าง การสลับมันเป็นช่องว่างจริงจำนวนคงที่จึงทำให้การเยื้องเป็นรูปธรรมและเหมือนกันทุกที่ที่ข้อความถูกดู
ทำไมแท็บและช่องว่างจึงก่อปัญหา
แท็บไม่มีความกว้างที่ตายตัว มันเป็นสัญญาณที่หมายถึงให้เลื่อนไปยังจุดหยุดแท็บถัดไป เอดิเตอร์และโปรแกรมดูที่ต่างกันตั้งจุดหยุดเหล่านั้นต่างกัน โดยทั่วไปที่ 2, 4 หรือ 8 คอลัมน์ ไฟล์ที่เยื้องด้วยแท็บเดียวกันจึงดูจัดเรียงเรียบร้อยในเอดิเตอร์หนึ่งและกระดูกขรุขระในอีกเอดิเตอร์ ซึ่งเป็นต้นตอของข้อถกเถียงแท็บปะทะช่องว่างที่มีมายาวนาน
ในทางตรงกันข้าม ช่องว่างไม่กำกวม ช่องว่างสี่ตัวกว้างสี่คอลัมน์ไม่ว่าคุณจะเปิดไฟล์ที่ไหน การแปลงแท็บเป็นช่องว่างคือการแลกความยืดหยุ่นของแท็บกับความสม่ำเสมอที่รับประกันและพกพาได้
การเลือกความกว้างแท็บของคุณ
ตัวเลขที่คุณเลือกควรตรงกับธรรมเนียมของที่ที่โค้ดกำลังจะไป โปรเจกต์ JavaScript และ TypeScript จำนวนมากใช้ 2 ช่องว่าง คู่มือสไตล์ของ Python ที่ผู้คนปฏิบัติตามอย่างกว้างขวางกำหนด 4 ฐานโค้ด C และ Go บางส่วนในอดีตใช้สิ่งที่เทียบเท่า 8 ก่อนแปลง ให้ตรวจคู่มือสไตล์ของโปรเจกต์หรือไฟล์ที่มีอยู่ เพื่อให้ช่องว่างของคุณเรียงตรงกับของคนอื่น ๆ
หากคุณเลือกจำนวนผิด โค้ดที่แปลงแล้วของคุณจะยังใช้ได้ แต่ความลึกของการเยื้องจะไม่ตรงกับโค้ดโดยรอบ ซึ่งดูสะดุดตาในการรีวิว การยืนยันความกว้างที่ถูกต้องตั้งแต่ต้นคุ้มค่า
ทุกแท็บ ไม่ใช่แค่การเยื้อง
เครื่องมือนี้แทนที่อักขระแท็บทั้งหมดในข้อความ รวมถึงตัวใด ๆ ที่ปรากฏกลางบรรทัด ไม่ใช่เฉพาะการเยื้องนำหน้าที่ต้นแต่ละบรรทัด นั่นมักเป็นสิ่งที่คุณต้องการ เพราะแท็บกลางบรรทัดที่หลงเหลือเป็นช่องว่างที่ไม่สม่ำเสมอชนิดที่ก่อให้เกิดการจัดเรียงที่ผิดเพี้ยนพอดี
อย่างไรก็ตาม จงระลึกถึงข้อมูลที่คั่นด้วยแท็บไว้ด้วย หากบรรทัดหนึ่งใช้แท็บเป็นตัวคั่นคอลัมน์ การแปลงพวกมันเป็นช่องว่างจะเปลี่ยนวิธีที่ข้อมูลนั้นถูกแยกวิเคราะห์ สำหรับการเยื้องโค้ดต้นฉบับ นี่เป็นพฤติกรรมที่ถูกต้อง แต่สำหรับข้อมูล TSV อาจไม่ใช่
ภาษาที่เรื่องนี้สำคัญจริง ๆ
ใน Python การเยื้องเป็นส่วนหนึ่งของไวยากรณ์ และการปนแท็บกับช่องว่างในบล็อกเดียวกันเป็นข้อผิดพลาดที่ตัวแปลภาษาจะปฏิเสธ การทำให้ทุกอย่างเป็นมาตรฐานเป็นช่องว่างจะขจัดความล้มเหลวที่น่าสับสนทั้งชนิด YAML ก็เข้มงวดในทำนองเดียวกันและไม่อนุญาตแท็บสำหรับการเยื้องโดยสิ้นเชิง การแปลงแท็บเป็นช่องว่างจึงมักเป็นสิ่งจำเป็นเพื่อทำให้ไฟล์ YAML ถูกต้อง
แม้ในภาษาที่การเยื้องเป็นเพียงความสวยงาม ช่องว่างที่สม่ำเสมอก็ช่วยให้ diff สะอาดและป้องกันไม่ให้การจัดเรียงเลื่อนเมื่อเพื่อนร่วมทีมเปิดไฟล์ด้วยการตั้งค่าแท็บที่ต่างกัน
การขึ้นบรรทัดและช่องว่างอื่นปลอดภัย
การแปลงถูกจำกัดขอบเขตไว้ที่อักขระแท็บเท่านั้น การขึ้นบรรทัดของคุณ ช่องว่างที่มีอยู่ของคุณ และเนื้อหาส่วนที่เหลือของคุณถูกปล่อยไว้ตามเดิมพอดี ไม่มีอะไรถูกรวม ตัด หรือจัดเรียงใหม่นอกเหนือจากการเปลี่ยนแต่ละแท็บเป็นช่องว่าง สิ่งนี้ทำให้เครื่องมือปลอดภัยที่จะรันกับทั้งไฟล์โดยไม่ต้องกังวลว่ามันจะรบกวนโครงสร้าง
หากคุณพบว่าโค้ดของคุณยังมีช่องว่างเกินเป็นชุดที่คุณต้องการยุบ นั่นเป็นงานแยกต่างหากสำหรับเครื่องมือทำความสะอาดช่องว่าง เครื่องมือนี้ยังคงโฟกัสที่การแทนที่แท็บเป็นช่องว่าง
การนำมันเข้าสู่เวิร์กโฟลว์ของคุณ
การใช้งานทั่วไปคือการวางโค้ดสั้น ๆ ที่คัดลอกมาจากแหล่งที่ใช้แท็บลงในโปรเจกต์ที่ต้องการช่องว่าง แปลงมันให้เป็นความกว้างของโปรเจกต์ และวางมันลงไปโดยเยื้องอย่างถูกต้องแล้ว มันยังสะดวกสำหรับการทำความสะอาดครั้งเดียวเมื่อตัวจัดรูปแบบอัตโนมัติของเอดิเตอร์ยังไม่ได้ตั้งค่าหรือไม่พร้อมใช้งาน
เนื่องจากทั้งหมดทำงานในเบราว์เซอร์ของคุณโดยไม่มีการอัปโหลด คุณจึงแปลงโค้ดที่เป็นกรรมสิทธิ์หรืออ่อนไหวได้อย่างปลอดภัย และผลลัพธ์ออกมาทันที คุณจึงลองความกว้างต่าง ๆ และเปรียบเทียบได้จนกว่าการเยื้องจะตรงกัน
คำถามที่พบบ่อย
แต่ละแท็บถูกแปลงเป็นกี่ช่องว่าง
ทำไมต้องแปลงแท็บเป็นช่องว่างในโค้ด
มันแทนเฉพาะการเยื้องนำหน้าหรือทุกแท็บ
มันจะเปลี่ยนการขึ้นบรรทัดหรือช่องว่างอื่นของฉันไหม
มันฟรีและโค้ดของฉันถูกอัปโหลดที่ไหนหรือไม่
เครื่องมือที่เกี่ยวข้อง
ทำงานต่อด้วยเครื่องมือที่มีประโยชน์เหล่านี้