Công cụ nào có thể gọn gàng / thụt lề HTML5? [đóng cửa]

Tôi đã dành khoảng 2 giờ để tìm kiếm google và thử các công cụ khác nhau nhưng họ không thực hiện các thẻ thụt lề mỗi lần nói hoặc chúng không tương thích với HTML5 như bản gọn gàng HTML nổi tiếng được cập nhật 3 năm trước

NB Tôi không muốn áp dụng điều này cho nguồn của một trang (như PHP hoặc JS sẽ làm) nhưng với mã trong trình chỉnh sửa để phân cấp rõ ràng xuất hiện giữa các thẻ.

Lý tưởng nhất là tôi thích một công cụ Mac OS X nhưng tôi sẽ sử dụng bất kỳ công cụ trực tuyến nào và cuối cùng là một công cụ tương thích với Wine.

PS tại thời điểm tôi sử dụng Coda từ Panic

Aptana Studio 2 thực hiện những gì bạn muốn trong menu Chỉnh sửa> Định dạng. Tôi đã sử dụng nó và nó định dạng html, css và javascript.

Trình soạn thảo WYSIWYG BlueGriffon cũng có thể định dạng html khi bạn mở tệp.

Cả hai giải pháp đều miễn phí và nguồn mở, nhưng Aptana có thể tốt hơn. Tôi không chắc chắn nếu BG giữ tất cả các mã không thay đổi, có thể không.

Ghi chú:

1. Aptana 2 cần được cấu hình đúng sau khi bạn cài đặt nó, nhưng đó là trình soạn thảo html5 / css / javascript / IDE tuyệt vời. Các cấu hình mặc định hút một chút.
2. Aptana 3 có thể không làm những gì bạn muốn. Phiên bản tôi đã thử không làm điều đó.

Hiện tại đã có phiên bản HTML5 gọn gàng, được tìm thấy tại đây: https://github.com/w3c/tidy-html5 .

Tôi đang tìm kiếm một công cụ trực tuyến và đó có lẽ là lý do tại sao tôi không tìm thấy gì.
Tôi đã được chỉ tới plugin Coda PHP & Toolkit thực hiện nó. Ngoài ra, hầu hết các biên tập viên HTML như Taco đều thực hiện điều đó (nhưng không phải Coda).

Tôi khiêm tốn đề nghị Espresso 2 .

Từ trang web của họ:

Một và duy nhất CSSEdit 3 - công cụ trực quan đã giành giải thưởng của CSSEdit, hiện có trong Espresso. Với sự hỗ trợ CSS3 tuyệt vời cho độ dốc đa trình duyệt, bóng tối và hơn thế nữa.

Xem trước web bằng X-quang - Xem cách CSS của bạn ảnh hưởng đến bố cục web, trực quan hóa các lề và phần đệm và nhanh chóng tìm thấy các quy tắc kiểu có liên quan cho bất kỳ thành phần trang nào.

Mã hóa mạnh mẽ và hiệu quả - CodeSense, mã gấp, đoạn thông minh, mã hóa Zen và Bộ điều hướng kéo và thả giúp bạn viết mã tốt hơn trong thời gian ngắn hơn.

Tạo kiểu và ghi đè trực tiếp - Chỉnh sửa CSS của bất kỳ trang web nào và xem nó cập nhật theo thời gian thực. Không cần phải lưu, xuất bản hoặc tải lại. Thử nghiệm và tinh chỉnh chưa bao giờ là niềm vui này.

Effortless Sync và Publishing - Với Xuất bản nhanh, Đồng bộ hóa máy chủ và Duyệt, bạn có công cụ phù hợp cho mọi quy trình làm việc dựa trên máy chủ. Động cơ Vroom mới siêu nhanh.

Không gian làm việc phù hợp với quy trình làm việc của bạn - Không gian làm việc sáng tạo mang đến cho bạn sự linh hoạt của các Tab trong khi tích hợp trơn tru với các tệp Dự án của bạn.

Tìm tuyệt vời - Cây kim và cỏ khô, gặp Espresso. Tìm và thay thế trên toàn dự án, Bộ lọc nhanh và regex được tô màu giúp tìm kiếm thông qua các tệp hoặc nhắn tin dễ dàng.

Hỗ trợ ngôn ngữ - Cải thiện HTML5, CSS3, JavaScript và PHP; Ruby, Python, Apache và Markdown hoàn toàn mới. Hoặc mở rộng Espresso với XML / JS Sugars.

Bạn có thể đọc bài đánh giá từ Mac Appstorm để có ý tưởng về chất lượng. Họ cho nó 10/10 .

Eclipse dường như làm tốt công việc thụt lề / định dạng HTML5. Bạn chỉ cần sử dụng lệnh định dạng thông thường (Ctrl-Shift-F) trên tệp HTML được tải trong trình chỉnh sửa HMTL và nó sẽ định dạng lại nó.

Để điều chỉnh nó, hãy vào tùy chọn -> web -> tệp html -> trình chỉnh sửa. Bạn cũng có thể kiểm soát xác nhận ở đây. (Tôi đang sử dụng Eclipse v4.2.2.)

Lưu ý rằng trình soạn thảo HTML yêu cầu cài đặt Eclipse của bạn bao gồm Nền tảng công cụ web (xem câu trả lời này để biết chi tiết).

Nếu bạn đang tìm kiếm một công cụ Mac OS X thực hiện công việc đó, tôi sẽ nói TextMate .

Tôi thường làm lại nhiều lần và cái tốt nhất mà tôi có thể tìm thấy là cái đó.

Điều tôi thích là nó không thực sự sắp xếp lại mã của bạn, nhưng nó lại thụt vào nó, dưới dạng kiểm tra việc lồng và thụt lề theo cấp độ, không phải theo thẻ .

Tính năng "Lựa chọn thụt lề" đặc biệt hữu ích.

JetBrains PhpStorm hoạt động tuyệt vời và trực quan với các thụt lề trong HTML, CSS hoặc PHP. Loại thụt lề (tab hoặc dấu cách) bạn có thể thay đổi trong cài đặt PHPStorm.

Dirtymarkup.com là mục đích của tôi để nhanh chóng định dạng HTML và JS.