Kod Biçimlendirici

HTML, CSS ve JavaScript'i anında güzelleştirin veya küçültün — her dönüşüm tarayıcınızda çalışır.

boşta
0
Girdi karakteri
0
Çıktı karakteri
0%
Kazanç (küçültme)
0ms
Çalışma süresi
Her biçimlendirici nasıl çalışır
HTML formatEtiketleri yeniden girintiler; pre/textarea/script/style içeriğini korur, satır içi metni sıkı tutar. HTML minifyEtiketler arası boşlukları daraltır, HTML yorumlarını siler (koşullu IE yorumları kalır), önceden biçimli içeriği korur. CSS formatSeçicileri kendi satırına ayırır, bildirimleri girintiler ve yorumları korur. CSS minifyYorumları ve gereksiz boşlukları temizler, her } öncesi son noktalı virgülü kaldırır. JS formatPrettier 3.3 ile — Webpack, Vite, Rollup ve tüm büyük editörlerin kullandığı endüstri standardı biçimlendirici. JS minifyTerser 5 ile — Webpack/Vite/Rollup'ta gelen JS küçültücü; tanımlayıcıları karıştırır, /*! lisans */ yorumlarını korur.

Bu kod biçimlendirici nedir?

Bu, HTML, CSS ve JavaScript kodunu Prettier ve Terser kullanarak anında güzelleştiren ve küçülten ücretsiz, tarayıcı tabanlı bir kod biçimlendiricisidir; tüm işlemler kendi cihazınızda JavaScript ile çalıştığı için hiçbir veri sunucuya gitmez.

HTML, CSS veya JavaScript’i online olarak nasıl yüklemeden biçimlendiririm?

Kodu yapıştırın, dil sekmesini seçin ve Çalıştır’a tıklayın. Araç, Prettier kurallarıyla anında yeniden biçimlendirir veya Terser ile küçültür — hepsi tarayıcınızda, hiçbir yükleme yapılmadan.

Öne çıkan özellikler

Prettier ile biçimlendirme
HTML, CSS, SCSS ve JavaScript’i resmi Prettier ayrıştırıcılarıyla güzelleştirir — VS Code’daki ile aynı çıktı.
Terser ile küçültme
JavaScript’i mangle ve ölü kod eleme ile sıkıştırır, böylece prodüksiyon yküleri mümkün olan en küçük boyutta olur.
Yan yana ön izleme
Giriş ve çıkış aynı anda görünür; tek tıklama ile yer değiştirip yeniden geçiş yapabilirsiniz.
%100 istemci taraflı
Prettier ve Terser doğrudan tarayıcınızda ESM olarak yüklenir. Kodunuz hiçbir zaman sunucuya gönderilmez.

Nasıl kullanılır

Kodunuzu giriş panosuna yapıştırın veya yazın ve HTML, CSS ya da JavaScript seçin. Prettier ile biçimlendirmek için Çalıştır’a tıklayın; JavaScript için Küçült seçeneğini kullanın. Sonucu kopyalayın, dosya olarak indirin veya ikinci tur için giriş/çıkışı takas edin.

Sıkça sorulan sorular

Modern sözdizimini destekliyor mu?

Evet. JavaScript ayrıştırıcı en güncel Prettier + Terser’dır; opsiyonel zincirleme, top-level await, sınıf alanları ve Stage 3 pipeline dahil ES2024 özelliklerini anlar.

Kodum yüklenüyor mu?

Hayır. Her şey tarayıcıda yerel olarak çalışır; sayfa kaynağınızı hiçbir sunucuya göndermez.

Girinti genişliğini veya satır uzunluğunu ayarlayabilir miyim?

Evet. 2 boşluk, 4 boşluk ve sekme arasında geçiş yapabilir ve Prettier’ın varsayılan yazdırma genişliğini değiştirebilirsiniz.

Tooljar, npm’de yayınlanan resmi Prettier ayrıştırıcılarını (babel, estree, html, postcss) ve Terser paketlerini kullanır; böylece çıktı, geliştiricilerin editöründe ve derleme hattında güvendiği referans uygulamalarla birebir eşleşir.