Her gün elinin altında olan geliştirici araçları, hepsi tek yerde.

Dönüştürücüler, formatlayıcılar, hash'ler, doğrulayıcılar ve sürekli yeniden açtığın küçük yardımcılar sekmeler arasında kaybolmak yerine bir arada duruyor.

GitHub

/ Araçlar

■

/ Araç Bulucu

109 araç

/ HTML Biçimlendirici

HTML Girişi

/ Seçili Araç

■

HTML Biçimlendirici - ücretsiz formatlayıcı aracı

HTML kodunu uygun girintiyle biçimlendirin ve güzelleştirin

■ 01

HTML Biçimlendirme Nedir?

HTML biçimlendirme, HTML kodunu tutarlı girinti ve satır sonu desenlerini izleyecek şekilde yeniden yapılandırır. Bu, kodu daha okunabilir ve bakımı daha kolay hale getirir. Küçültme, tüm gereksiz boşlukları ve yorumları kaldırır…

■ 02

Nasıl çalışır?

Biçimlendirme, HTML etiketlerini ayrıştırır ve iç içe geçme düzeyine göre uygun girinti ekler. <img> ve <br> gibi kendinden kapanan ve void öğeler uygun şekilde işlenir. Küçültme, yorumları temizler ve boşlukları daraltır. Biçim…

■ 03

Örnek Durumlar

Basit yapı, Özniteliklerle ve Karmaşık iç içe geçme durumlarını kapsar, böylece yaygın girdileri ve çıktıları hızlıca karşılaştırabilirsiniz.

/ İlgili Araçlar

/ Kod

■

Seçili araca ait kaynak kodu; sağdaki canlı sürümün yanında burada gösteriliyor.

/ Kaynak Kodu

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([