Chuyển đổi HTML sang Pug

Chuyển đổi đánh dấu HTML thành cú pháp mẫu Pug (trước đây là Jade) bằng DOMParser của trình duyệt. Trình chuyển đổi tạo cú pháp viết tắt Pug sạch sẽ: thẻ div bị bỏ qua khi mang class hoặc id, class trở thành bộ chọn .class, id trở thành bộ chọn #id và các thuộc tính còn lại được xuất trong ngoặc đơn.

1. Dán HTML vào vùng văn bản HTML Input. 2. Đặt Kích thước thụt lề (1-8) và chuyển đổi Sử dụng tab và Nháy đơn theo ý muốn. 3. Nhấp Chuyển đổi. 4. Sử dụng Sao chép trên thẻ Pug Output để sao chép kết quả.

Thụt lề sử dụng số khoảng trắng đã cấu hình hoặc một tab duy nhất. Giá trị thuộc tính sử dụng nháy đơn hoặc nháy kép dựa trên tùy chọn Nháy đơn. Thuộc tính class và id được chuyển đổi sang viết tắt .class / #id và loại khỏi danh sách thuộc tính; thuộc tính style được giữ lại dưới dạng style="..." sau dấu ngoặc đơn. Các phần tử rỗng không có con (img, br, input, hr, meta, link, v.v.) được tự đóng với dấu / ở cuối. Một con văn bản duy nhất được đặt inline sau thẻ; nhiều con được lồng vào các dòng tiếp theo. Các nút văn bản độc lập được thêm tiền tố bằng đường ống (| ).