Những công cụ lập trình bạn dùng mỗi ngày, gom lại một chỗ.

Bộ chuyển đổi, bộ định dạng, hàm băm, bộ kiểm tra và những tiện ích nhỏ bạn cứ mở đi mở lại nay nằm chung một nơi thay vì thất lạc khắp các tab.

GitHub

/ Công cụ

■

/ Tìm công cụ

109 công cụ

/ Trình định dạng HTML

Nhập HTML

/ Công cụ đã chọn

■

Trình định dạng HTML - công cụ định dạng miễn phí

Định dạng và làm đẹp mã HTML với thụt lề phù hợp

■ 01

Định dạng HTML là gì?

Định dạng HTML tái cấu trúc mã HTML để tuân theo các mẫu thụt lề và xuống dòng nhất quán. Việc này làm mã dễ đọc và dễ bảo trì hơn. Rút gọn loại bỏ toàn bộ khoảng trắng và chú thích không cần thiết để…

■ 02

Nó hoạt động như thế nào?

Định dạng phân tích các thẻ HTML và thêm thụt lề phù hợp dựa trên cấp độ lồng nhau. Các phần tử tự đóng và rỗng như <img> và <br> được xử lý phù hợp. Rút gọn loại bỏ chú thích và gộp khoảng trắng. Định dạng…

■ 03

Các trường hợp mẫu

Bao gồm Cấu trúc đơn giản, Có thuộc tính và Lồng nhau phức tạp để bạn có thể nhanh chóng so sánh các đầu vào và đầu ra thông dụng.

/ Công cụ liên quan

/ Mã nguồn

■

Mã nguồn từ công cụ đã chọn, hiển thị ở đây bên cạnh phiên bản trực tiếp ở bên phải.

/ Mã nguồn

TypeScript

typescript

// Simple HTML formatter

function formatHtml(html: string): string {
  if (!html.trim()) return '';

  const indentStr = '  ';
  let indentLevel = 0;
  const result: string[] = [];

  const voidElements = new Set([