DEV Community

goodten
goodten

Posted on

ZED Reformat HTML-PYTHON

**

1. ใช้ Comment ล้อมจุดที่ห้ามยุ่ง (Disable Formatter เฉพาะจุด)

**
ถ้า Formatter ของ Zed ใช้ Prettier หรือ html-lsp เบื้องหลัง คุณสามารถบอกมันว่า "ตรงนี้ห้ามขยับนะ" ได้ด้วย Comment ครับ:

<div class="user-avatar">
    {% if user.is_authenticated %}{{ user.email|first|upper }}{% else %}G{% endif %}
</div>
Enter fullscreen mode Exit fullscreen mode

(วิธีนี้จะทำให้ Formatter ข้ามบล็อกนั้นไปเลย ไม่ว่ามันจะอยากขยับแค่ไหนก็ตาม

**

2. บังคับให้ Zed รู้จักไฟล์นี้เป็น "Django HTML"

**
บางครั้ง Zed มองไฟล์คุณเป็นแค่ HTML ธรรมดา กฎการจัดวางจึงเข้มงวดเกินไป ให้ลองเปลี่ยน Language Mode ที่มุมขวาล่างของหน้าต่าง Zed ให้เป็น "Django HTML" ครับ

ถ้ายังไม่มี ให้ติดตั้ง Extension ชื่อ "Django" ใน Zed:

กด Cmd + Shift + P (Mac) หรือ Ctrl + Shift + P (Windows)

พิมพ์ extensions: open

ค้นหาคำว่า "Django" แล้วกด Install

**

3. ปรับ Settings ให้ "เลิกหักบรรทัด" (Wrap Line)

**
ถ้ามันชอบหักบรรทัด Tag ยาวๆ ให้กลายเป็นหลายบรรทัด ให้ไปปรับค่า soft_wrap หรือ html.format.wrapAttributes ใน settings.json:

{
  "languages": {
    "HTML": {
      "prettier": {
        "printWidth": 200, // เพิ่มความกว้างให้มันไม่ต้องรีบตัดบรรทัด
        "htmlWhitespaceSensitivity": "ignore"
      }
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)