ปิดใช้งานการเยื้อง HTML บางส่วนในกลุ่ม

Caveat: ฉันไม่ใช่นักพัฒนาเว็บ

ที่ถูกกล่าวว่ามีโอกาสน้อยที่ฉันต้องแก้ไข HTML เมื่อฉันทำฉันสังเกตเห็นพฤติกรรมใน Vim ที่ฉันไม่ชอบและหวังว่าฉันจะเปลี่ยนผ่านการกำหนดค่า

เมื่อฉันรหัสฉันมักจะตัดบรรทัดที่ 80 ตัวอักษร บ่อยครั้งที่ฉันต้องแบ่งแท็ก HTML ข้ามบรรทัด สิ่งที่ฉันต้องการคือการเยื้องที่เหมาะสมเมื่อเกิดเหตุการณ์นี้ ตัวอย่างเช่นฉันอาจมีรหัสต่อไปนี้และต้องการให้เยื้องในทำนองเดียวกัน:

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
   src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
   class="ri" alt="This is an image"></a>

แต่โดยค่าเริ่มต้นการจัดรูปแบบอัตโนมัติของ Vim จะเยื้องแท็ก HTML แยกเป็นระดับเดียวกับแท็ก HTML เริ่มต้นในบรรทัดก่อนหน้า ในคำอื่น ๆ ฉันได้รับสิ่งต่อไปนี้:

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
                                                              src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
                                                              class="ri" alt="This is an image"></a>

นั่นคือสิ่งที่ฉันไม่ต้องการ เป็นฉันพิมพ์ฉันพบฉันอย่างต่อเนื่องไม่ต้องกลับไปและรอยบุ๋มแก้ไขเช่นนี้

ฉันชอบ autoindent ของ Vim โดยทั่วไปและไม่ต้องการปิดการใช้งานโดยทั่วไป ฉันต้องการเพียงแค่ปิดใช้งานหรือเปลี่ยนการแยกการเยื้องแท็ก HTML แต่ฉันไม่สามารถหาวิธีได้

เป็นไปได้ไหมที่จะเปลี่ยนแปลงสิ่งนี้

(ฉันได้ลองค้นหา Stackoverflow สำหรับคำถามนี้ แต่หาไม่พบถ้ามันซ้ำกันโปรดนำฉันไปที่ต้นฉบับ)

แก้ไข: พบโซลูชั่นที่นี่https://www.reddit.com/r/vim/comments/3ogbna/disabling_partial_html_indentation_in_vim/cvy8p3u

แก้ไข # 2: โอเคทางออกข้างต้นไม่สามารถแก้ปัญหาได้ มันยังอยู่ที่นั่น

indentation filetype-html

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

ผมพบความประหลาดใจเช่นการเยื้องที่คุณให้ในตัวอย่างล่าสุด: ฉันได้พยายามในการติดตั้งวานิลลา Homebrew ของฉัน (เวอร์ชั่น 7.4) และมัน workes ตามที่ผมคาดว่าเมื่อฉันกด <Enter> ที่ท้ายบรรทัดที่มีautoindentเป็นกลุ่มที่เปิดใช้งาน เยื้องบรรทัดถัดไปเป็นบรรทัดที่ฉันเพิ่งจะจบลง ดังนั้นฉันเดาว่าคุณอาจมีปลั๊กอินที่เปลี่ยนรูปแบบการเยื้องเริ่มต้น

— Vlad GURDIGA

@VladGURDIGA ใช่ฉันเริ่มสงสัยแล้ว ฉันจะต้องดำดิ่งลงไปใน vimrc ของฉันและดูว่าฉันจะเกิดอะไรขึ้น vimrc ของฉันอยู่ที่นี่ btw github.com/criswell/meh/blob/master/vim/.vimrc

— criswell

ตรวจสอบ ~ / .vim / เนื่องจากสิ่งที่มีให้โหลดเช่น ftplugins สีและสิ่งอื่น ๆ 8-)

— Vlad GURDIGA

ฉันยังถามเมื่อ Reddit และได้คำตอบนี้ซึ่งเปิดออกมาแก้ไขได้reddit.com/r/vim/comments/3ogbna/... ฉันจะอัปเดตคำถามของฉันตาม

— criswell

ดี! ขอบคุณสำหรับการติดตาม! :)

— Vlad GURDIGA

ฉันแนะนำปลั๊กอินtidy-html5

ในฐานะนักพัฒนาเว็บฉันขอแนะนำให้จัดแนวแท็ก HTML ให้แตกต่างกันเล็กน้อย

AirBnb React Styleguide (อ่านง่ายที่สุด)

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img
    src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
    class="ri"
    alt="This is an image"
  >
</a>

Google HTML Styleguide (พบได้ทั่วไป)

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
       class="ri" alt="This is an image">
</a>

นี่จะช่วยให้ฟอร์แมตเตอร์หลีกเลี่ยงการเยื้องอย่างบ้าคลั่ง

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