Làm thế nào để tô điểm (dòng mới và thụt lề) một tệp HTML / JS được tối ưu hóa?


9

Ví dụ: tôi có một loạt các ký tự (HTML) sau: http://pastebin.com/pwTPp8wd

Tôi nghĩ rằng mọi người đều vấp phải một tệp được xử lý, đặc biệt là khi ai đó sẽ tăng tốc độ xử lý tệp HTML / Javascript / bất cứ thứ gì. Sau đó, phải có một cách để tự động thụt đầu dòng, mà không cần áp dụng thủ công. Tuy nhiên, tôi không thể tìm thấy bất cứ điều gì về thụt lực trên một tệp được tối ưu hóa.

Có suy nghĩ gì không?


Bạn muốn chức năng tương đương với một trình làm đẹp HTML trong Emacs?
PythonNut

Một người nhanh chóng đưa cho tôi cái này: github.com/yasuyk/web-beautify Bạn có muốn dùng thử không? Các giải pháp không hoàn toàn trong emacs mặc dù.
Kaushal Modi

Câu trả lời:


16

Bạn có thể sử dụng tích hợp sẵn sgml-modecho việc này.

  1. M-x sgml-mode- Kích hoạt sgml-modechế độ chính để sgml-pretty-printlệnh tự động tải.
  2. C-x h - Chọn toàn bộ bộ đệm.
  3. M-x sgml-pretty-print

Để tiết kiệm không gian, bên dưới chỉ là một phần của văn bản được định dạng mà tôi nhận được khi thực hiện ở trên trên văn bản mẫu của bạn trong câu hỏi:

<table border="4px" cellpadding="0" cellspacing="0" class="c31 c42">
  <tbody>
    <tr class="c4">
      <td class="c33" colspan="1" rowspan="1">
        <p class="c6">
          <span class="c12 c11">Veld
          </span>
        </p>
      </td>
      <td class="c35" colspan="1" rowspan="1">
        <p class="c7">
          <span class="c12 c11">Waarde(n)
          </span>
        </p>
      </td>
      <td class="c26" colspan="1" rowspan="1">
        <p class="c19">
          <span class="c12 c11">Null
          </span>
        </p>
      </td>
      <td class="c18" colspan="1" rowspan="1">
        <p class="c6 c38">
          <span class="c12 c11">Validatie
          </span>
        </p>
      </td>;

[ Nguồn ]


Cảm ơn câu trả lời của bạn, rất vui vì điều này được tích hợp trong Emacs. Tuy nhiên, tôi tìm thấy một số vết lõm nhỏ bị lỗi, nhưng nhìn chung, M-x sgml-pretty-printlà đủ tốt. Cảm ơn đã giúp đỡ.
ReneFroger 29/07/2015

2

Chế độ HTML mặc định cũng hoạt động.

  1. C-x h - Chọn toàn bộ bộ đệm
  2. M-x indent-region(còn gọi là C-M-\)

Điều đó không hoạt động nếu các dòng mới đã bị xóa.
Robin Green

Đồng ý, đó là một vấn đề. Một điều nữa: HTML là lỏng lẻo, một trang có lỗi thường vẫn có thể tải trong trình duyệt. Tôi đã xóa một </ p> và </ td>, nhưng vùng thụt lề vẫn hoạt động.
rleir
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.