TR

Sözdizimi vurgulama

Bu sözdizimi vurgulama aracı, hiçbir şey kurmadan kaynak kodunu renklendirir: kodu yapıştırın, dili ve açık ya da koyu renk düzenini seçin, hazır HTML’i kopyalayın. Renkler kodun içine yazıldığı için ek bir stil dosyası olmadan bloglarda, e-postalarda ve belgelerde doğru görünür.

Kaynak: WCAG 2.2 – Success Criterion 1.4.3 Contrast (Minimum): metin için 4,5:1 (iki temanın renkleri kontrol edildi). Güncelleme: .

Kaynak kodu yapıştırın. Önizlemedeki vurgulama her değişiklikte yenilenir.

Metniniz tarayıcınızda kalır – gönderilmez, kaydedilmez ve adres çubuğuna eklenmez.

Önizleme

// Bir selamlama yazdır
function greet(name) {
  const text = "Merhaba, " + name + "!";
  console.log(text);
  return text.length;
}

greet("dünya");
Araçlarım

Sonuç

Renklendirilmiş HTML
<pre style="background:#ffffff;color:#1f2328;padding:12px 14px;border-radius:6px;overflow:auto;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;tab-size:4;margin:0"><code style="font:inherit"><span style="color:#57606a;font-style:italic">// Bir selamlama yazdır</span> <span style="color:#cf222e">function</span> <span style="color:#8250df">greet</span>(name) { <span style="color:#cf222e">const</span> text = <span style="color:#0a3069">"Merhaba, "</span> + name + <span style="color:#0a3069">"!"</span>; console.<span style="color:#8250df">log</span>(text); <span style="color:#cf222e">return</span> text.length; } <span style="color:#8250df">greet</span>(<span style="color:#0a3069">"dünya"</span>);</code></pre>
Algılanan
JavaScript / TypeScript, 8 satır, 149 karakter
HTML, renkleri style özniteliği olarak taşır ve HTML’e izin verilen her yere yapıştırılabilir. Algılama, desenlere dayanan bir yaklaşımdır; tam bir ayrıştırıcı değildir. Alışılmadık yazımlarda bir bölüm renksiz kalabilir. Kod yalnızca tarayıcınızda işlenir, kaydedilmez ve gönderilmez.

Nasıl hesaplanır?

Sözdizimi vurgulama, kaynak kodunun yapı taşlarını renklendirir: anahtar sözcükler, dizgiler, sayılar, yorumlar ve işlev adlarının her biri ayrı bir renk alır. Bu, kodu özellikle metinlerde, belgelerde ve e-postalarda, renk düzenli bir düzenleyicinin olmadığı yerlerde daha okunaklı kılar.

Aracın yapabildikleri

Güvenli ve kayıpsız

Kaynak kod değiştirilmez; yalnızca bölümlere ayrılır ve renk bilgisiyle sarılır. < ve & gibi karakterler kaçırılır, böylece HTML parçaları içeren kod sayfanın geri kalanını etkilemez. Kodu önceden düzenlemek için JSON biçimlendirici, SQL biçimlendirici veya HTML biçimlendirici kullanın.

Sıkça sorulan sorular

Blog yazısı için kodu nasıl renklendiririm?

Kodu yapıştırın, dili ve renk düzenini seçin, sonuç alanındaki HTML’i kopyalayın. Blog düzenleyicisine HTML bloğu olarak ekleyin. Renkler kodun içinde olduğundan ek bir stil dosyası gerekmez.

Renkli kodu Word’e ya da e-postaya yapıştırabilir miyim?

Evet, çoğunlukla önizlemeden: seçin, kopyalayın ve yapıştırın; renkler korunur. HTML kabul etmeyen programlarda önizlemenin ekran görüntüsü işe yarar.

Hangi diller destekleniyor?

JavaScript ve TypeScript, JSON, gömülü betik ve stilli HTML, CSS, SQL, Python ve Bash. Diğer diller için “Düz metin”i seçin; o zaman yalnızca bloğun biçimi kalır.

Kodum kaydediliyor ya da gönderiliyor mu?

Hayır. İşleme tarayıcınızda yapılır. Kod adres çubuğunda yer almaz ve kaydedilmez.

Bazı bölümler neden renklendirilmiyor?

Araç anahtar sözcük, dizgi ve yorum gibi desenleri tanır ama tam bir ayrıştırıcı değildir. Alışılmadık yazımlar veya dil varyantları bu yüzden bazen siyah kalır.

Kaynaklar ve yasal dayanak

Güncelleme: · Editoryal ilkeler

Benzer araçlar