Ücretsiz HTML, CSS ve JavaScript güzelleştirici

Sıkışık HTML, CSS veya JavaScript yapıştırın ve anında okunabilir girinti alın. js-beautify tarayıcınızda çalışır — üretim için küçültmeye odaklanan HTML küçültücüden ayrıdır.

Dil değiştirmek yalnızca düzenleyici hâlâ önceki örneği gösteriyorsa veya boşsa örnek yükler.

Girinti

Kaynak kod

Biçimlendirilmiş kod

<!doctype html>
<html>

<head>
  <title>Demo</title>
</head>

<body>
  <div class="wrap">
    <p>Hello</p>
  </div>
</body>

</html>

Loading…

Bu aracı nasıl kullanılır

1
Kod güzelleştiriciyi açın
Okuma veya inceleme için HTML, CSS veya JavaScript biçimlendirin.
2
Dil ve girinti seçin
HTML, CSS veya JavaScript ve 2 boşluk, 4 boşluk veya sekme seçin.
3
Biçimlendirilmiş kodu kopyalayın
Çıktıyı projenize veya belgelere kopyalayın.

Hızlı bilgiler

Yerel çalışır mı?	Evet — js-beautify yalnızca bu sekmede çalışır.
Veri yüklenir mi?	Hayır. Parçacıklarınız cihazınızda kalır.
HTML küçültücü vs bu araç?	HTML küçültmek için HTML küçültücüyü; HTML, CSS ve JS biçimlendirme için kod güzelleştiriciyi kullanın.
TypeScript veya JSX?	JavaScript modu birçok JSX parçacığını işler; katı TS için özel biçimlendirici gerekebilir.

Başlıca kullanım alanları

HTML, CSS ve JavaScript'i tarayıcıda güzelleştirin — 2/4/sekme girinti, çıktıyı kopyalayın, yükleme yok.
Yerel çalışır mı?: Evet — js-beautify yalnızca bu sekmede çalışır.
Veri yüklenir mi?: Hayır. Parçacıklarınız cihazınızda kalır.
HTML küçültücü vs bu araç?: HTML küçültmek için HTML küçültücüyü; HTML, CSS ve JS biçimlendirme için kod güzelleştiriciyi kullanın.
TypeScript veya JSX?: JavaScript modu birçok JSX parçacığını işler; katı TS için özel biçimlendirici gerekebilir.

SSS

Sözdizimini doğrular mı?▾

Hoşgörülü girdiyi biçimlendirir; bozuk kod garip görünebilir — önce düzenleyicide hataları düzeltin.

Burada küçültebilir miyim?▾

Hayır — HTML sıkıştırma için HTML küçültücüyü kullanın.

HTML'de gömülü CSS?▾

HTML modu tüm belgeyi biçimlendirir; daha ince kontrol için gömülü stil kurallarını CSS moduna kopyalayın.

Biçimlendirme davranışı değiştirir mi?▾

Geçerli kod için yalnızca boşluk değişir; yayınlamadan önce her zaman gözden geçirin.

Büyük dosyalar?▾

Çok büyük girdiler sekmeyi yavaşlatabilir — gerekirse dosyaları bölün.

Çevrimdışı?▾

Sayfa yüklendikten sonra ağ olmadan biçimlendirme çalışır.