LESS Biçimlendirici

LESS CSS ön işlemci kodunu temiz girinti ile biçimlendirin ve güzelleştirin

LESS Girdi

Biçimlendirilmiş Çıktı

LESS Biçimlendirme İpuçları

Okunabilirliği ve özgüllük kontrolünü korumak için iç içe geçme derinliğini en fazla 3 seviye tutun.
İlgili değişkenleri ve mixin'leri LESS dosyanızın en üstünde gruplayın.
Daha kolay kod incelemesi ve diff karşılaştırması için satır başına bir özellik kullanın.

Profesyonel LESS Biçimlendirici İşleme Özellikleri

LESS Biçimlendirici verileriyle verimli ve profesyonel çalışmak için ihtiyacınız olan her şey

LESS Sözdizimi Desteği

Değişkenler, mixin'ler, guard'lar ve ayrık kural kümeleri dahil LESS'e özgü sözdiziminin tam desteği.

LESS Kodunu Güzelleştir

Karmaşık LESS kodunu doğru iç içe geçme ve boşluk ile temiz, tutarlı girintili koda dönüştürün.

İç İçe Kural Biçimlendirme

İç içe geçmiş seçicileri düzgün şekilde girintileyin ve LESS kurallarında net ebeveyn-çocuk ilişkilerini koruyun.

Mixin Biçimlendirme

Mixin tanımlarını, çağrıları, parametrik mixin'leri ve desen eşleştirmeyi doğru şekilde biçimlendirin.

Prettier Destekli

Güvenilir ve tutarlı çıktı için endüstri standardı Prettier biçimlendirici motorunu kullanır.

Değişken Hizalama

Daha temiz stil sayfası bakımı için LESS değişkenlerini ve hesaplamalarını organize edin ve hizalayın.

Nasıl Çalışır

LESS Biçimlendirici verilerinizi profesyonel gibi işlemek için basit adımlar

LESS Kodunuzu Yapıştırın

LESS kodunuzu giriş alanına yapıştırın veya başlamak için bir örnek stil sayfası yükleyin.

Seçenekleri Özelleştirin

Proje standartlarınıza uymak için girinti boyutunu ve biçimlendirme seçeneklerini seçin.

Biçimlendir & İncele

LESS kodunuzu güzelleştirmek için biçimlendir düğmesine tıklayın ve temiz çıktıyı inceleyin.

Kopyala veya İndir

Biçimlendirilmiş LESS kodunu panonuza kopyalayın veya dosya olarak indirin.

Profesyonel LESS Biçimlendirici Biçimlendirici & Doğrulayıcı

LESS Biçimlendirici işleme tamamen tarayıcınızda çalışır — yükleme yok, hesap yok, sınır yok.

Uzmanlar Tarafından Geliştirildi

LESS Biçimlendirici biçimlendirme motoru, yerleşik ayrıştırıcıları ve standart algoritmaları kullanarak tarayıcınızda yerel olarak çalışır. Hiçbir şey gizli değildir — tarayıcınızın geliştirici araçlarını açın ve çalışmasını izleyin.

Temel Teknik Özellikler:

• Prettier destekli LESS biçimlendirme motoru
• Değişkenler, mixin'ler ve iç içe kurallar desteği
• LESS'e özgü fonksiyonları ve işlemleri işler
• Maksimum güvenlik ve hız için istemci tarafı işleme
• 10MB'a kadar büyük dosyalar desteği

Güvenilir & Güvenli

Verileriniz tarayıcınızda kalır: hiçbir şey yüklenmez, saklanmaz veya günlüğe kaydedilmez. Sekmeyi kapatın, veri kaybolur.

Güvenlik & Gizlilik:

• %100 istemci tarafı işleme - veriler asla sunuculara gönderilmez
• İzleme, çerez veya veri toplama yok
• Güvenli bağlantılar için HTTPS şifrelemesi
• İşlem sonrası veri depolanmaz veya önbelleğe alınmaz
• GDPR ve CCPA uyumlu yaklaşım

Profesyoneller Neden EZ Formatter'ı Tercih Ediyor

100%

İstemci tarafı işleme

Sunuculara gönderilen veri

Çalışma alanındaki araçlar

Verileriniz tarayıcınızda kalır

Sıkça Sorulan Sorular

Less Formatter biçimlendirme hakkında yaygın soruların cevapları

Evet, LESS biçimlendiricimiz kayıt gerektirmeden tamamen ücretsizdir. Tüm işlemler tarayıcınızda gerçekleşir.

Evet, biçimlendiricimiz LESS değişkenlerini (@değişken), mixin'leri, guard'ları ve birleştirme özelliklerini düzgün şekilde işler.

LESS biçimlendirici, normal bir CSS biçimlendiricinin işleyemeyeceği değişkenler, iç içe geçme, mixin'ler ve fonksiyonlar dahil LESS ön işlemci sözdizimini özel olarak anlar.

Hayır. Biçimlendirici yalnızca boşlukları ve girintiyi ayarlar. Seçicileri, özellikleri veya değerleri asla değiştirmez.

Biçimlendirici @import ifadelerini ve eklentiye özgü sözdizimini işler. Import çözümlemesi yapılmaz, yalnızca biçimlendirme gerçekleştirilir.

& ebeveyn referanslarıyla iç içe geçme, değişkenler (@width: 10px - @ işareti, SCSS $ işaretinden farklıdır), parametre listeleri ve guard koşullarına sahip mixin'ler (when (@a > @b)), .loop() özyinelemeli mixin desenleri ve birimli sayılar üzerinde işlemler. Biçimlendirici bunların tümünü değerlendirmeden yapısal düzeyde tanır.

Bootstrap 3/4 döneminden kalma kod tabanları, kurumsal tasarım sistemleri ve eski yönetim paneli temaları hâlâ üretimde Less çalıştırıyor. Biçimlendirme, geçiş yapmadan bu kod tabanlarını bakım sırasında okunabilir tutar - ve biçimlendirici, SCSS semantiğinden farklı olan @import yollarını veya mixin çağrılarını yeniden yazmayı bilinçli olarak önler.

Yapısal olarak özdeştirler (Less'in tasarımı budur - her sınıf bir mixin olabilir); biçimlendirici ikisine de aynı şekilde davranır ve yalnızca parametreli mixin'lerin parantezleri içindeki boşlukları normalleştirir (.border-radius(@radius: 4px)). Guard'lar ve when anahtar sözcüğü, derleyicinin hangi mixin'i seçeceğini değiştirdiği için tam olarak yazıldığı biçimde bırakılır.

{-- * External Resources Component（#19 Phase 3b 内容佐证工程） * 工具页「权威引用」区块：RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染（无权威来源的工具静默跳过） * - 链接 title 保持英文（引用源专名）；description 经 * common.resources.descriptions.{key} 本地化，lang 未命中回退英文（线上不裸奔） * - 链接保持 dofollow（rel="noopener noreferrer"） * * @param string|null $slug --}}

Yetkili Kaynaklar

Bu aracın çalıştığı biçimleri tanımlayan standartlar ve resmi belgeler.

Less - Leaner Style Sheets

Resmî Less belgeleri — değişkenler, mixin'ler ve guard ifadeleri.

Less (stylesheet language) - Wikipedia

Less'in tasarımı ve CSS ön işlemci ailesinde Sass ile nasıl karşılaştırıldığı.