SQL, CSS ve HTML Formatlayıcı Çevrimiçi
Dağınık veya küçültülmüş SQL, CSS veya HTML’yi yapıştırın ve uygun şekilde girintilenmiş, okunabilir çıktı alın. SQL anahtar kelimeleri büyük harf yapılır ve yan tümceler ayrı satırlara bölünür. CSS özellikleri kural blokları içinde girintilenir ve seçiciler arasında boş satırlar bulunur. HTML etiketleri, satır içi elementleri ve ham içerik bloklarını koruyarak doğru girintileme ile iç içe yerleştirilir. Üç dil arasında geçiş yapmak için sekme çubuğunu kullanın ve üretim için kompakt çıktı gerektiğinde küçültün.
Nasıl Kullanılır
- Dil sekmesini seçin (SQL, CSS veya HTML)
- Kodunuzu soldaki giriş düzenleyicisine yapıştırın
- Güzelleştirmek için Formatla veya sıkıştırmak için Küçült’e tıklayın
- Açılır menüden girintilemeyi ayarlayın (2 boşluk, 4 boşluk veya sekme)
- Sonucu tek tıkla veya klavye kısayolu ile kopyalayın
SQL Formatlama
SQL formatlayıcı, sorgunuzu tokenlara ayırır ve okunabilirlik için yeniden yapılandırır. Ana yan tümceler (SELECT, FROM, WHERE, JOIN, GROUP BY, ORDER BY) temel girinti seviyesinde yeni satırlarda başlar. AND, OR ve ON gibi alt yan tümceler bir seviye girintilenir. Parantez içindeki alt sorgular kendi girinti bloklarını alır.
INNER JOIN, ORDER BY ve INSERT INTO gibi çok kelimeli yan tümceler tek birim olarak tanınır. Tüm SQL anahtar kelimeleri büyük harf yapılırken tanımlayıcılar, dize değişmezleri ve değerler olduğu gibi bırakılır. Küçültücü, tokenlar arasındaki gerekli boşlukları korurken boşlukları ve yorumları kaldırır.
CSS Formatlama
CSS formatlayıcı, stil sayfanızı tokenlara (seçiciler, özellikler, değerler, at-kuralları) ayrıştırır ve tutarlı girintileme ile yeniden oluşturur. Her özellik bir kural bloğu içinde kendi satırını alır. @media ve @keyframes gibi iç içe at-kuralları her yuvalama seviyesinde doğru girintilenir. Görsel ayrım için üst düzey kurallar arasına boş satırlar eklenir.
Küçültme tüm yorumları kaldırır, boşlukları daraltır ve gereksiz karakterleri temizler. Sonuç, stil sayfanızın geçerli en küçük CSS temsilidir.
HTML Formatlama
HTML formatlayıcı, etiketleri, nitelikleri, metin düğümlerini ve yorumları ayrıştırır. Blok düzeyindeki elementler, ebeveynlerinin içinde bir seviye girintilenir. Void elementler (img, br, input, hr, meta, link) kendi kendine kapanan olarak ele alınır ve girinti derinliğini etkilemez. pre, script, style ve textarea etiketlerinin içindeki içerik, bağlamda boşluğun önemli olması nedeniyle olduğu gibi korunur.
a, strong, em, span ve code gibi satır içi elementler, tarayıcıların onları gerçekten işleme şekline uygun olarak bitişik metinle aynı satırda kalır. Küçültücü, tüm önemsiz boşlukları daraltır ve yorumları kaldırırken ham içerik bloklarını korur.
API yanıtlarıyla mı çalışıyorsunuz? JSON yükünü JSON Formatlayıcı ile biçimlendirin, ardından sonucu URL Kodlayıcı ile bir URL parametresi için kodlayın. Bir sorgu veya stil sayfasının iki sürümünü karşılaştırmanız mı gerekiyor? İkisini de Diff Karşılaştırıcı aracımıza yapıştırın.