ID

Penyorot sintaks

Penyorot sintaks ini mewarnai kode sumber tanpa perlu memasang apa pun: tempel kode Anda, pilih bahasa dan skema warna terang atau gelap, lalu salin HTML hasilnya. Warna ditulis langsung di dalam kode, sehingga tampil benar di blog, email, dan dokumen tanpa stylesheet tambahan.

Sumber: WCAG 2.2 – Success Criterion 1.4.3 Contrast (Minimum): 4,5:1 untuk teks (warna kedua tema telah diperiksa). Diperbarui: .

Tempel kode sumber. Penyorotan di pratinjau diperbarui setiap kali Anda mengetik.

Teks Anda tetap di browser Anda – tidak dikirim, tidak disimpan, dan tidak ditambahkan ke bilah alamat.

Pratinjau

// Tampilkan salam
function greet(name) {
  const text = "Halo, " + name + "!";
  console.log(text);
  return text.length;
}

greet("dunia");
Kotak Alat Saya

Hasil

HTML berwarna
<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">// Tampilkan salam</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">"Halo, "</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">"dunia"</span>);</code></pre>
Terdeteksi
JavaScript / TypeScript, 8 baris, 141 karakter
HTML membawa warna sebagai atribut style dan bisa ditempel di mana pun HTML diizinkan. Deteksi adalah pendekatan berbasis pola, bukan parser lengkap; pada penulisan yang tidak lazim, sebagian bisa tidak berwarna. Kode hanya diproses di browser Anda, tidak disimpan dan tidak dikirim.

Cara menghitung

Penyorotan sintaks memberi warna pada komponen kode sumber: kata kunci, string, angka, komentar, dan nama fungsi masing-masing mendapat warna sendiri. Dengan begitu kode lebih mudah dibaca, terutama dalam teks, dokumentasi, dan email yang tidak punya editor dengan skema warna.

Kemampuan penyorot ini

Aman dan tanpa kehilangan isi

Kode sumber tidak diubah, hanya dibagi menjadi bagian-bagian dan dibungkus informasi warna. Karakter seperti < dan & diamankan agar kode yang memuat potongan HTML tidak memengaruhi bagian lain halaman. Untuk merapikan kode lebih dulu, gunakan pemformat JSON, pemformat SQL, atau pemformat HTML.

Pertanyaan umum

Bagaimana cara mewarnai kode untuk tulisan blog?

Tempel kode, pilih bahasa dan skema warna, lalu salin HTML dari kolom hasil. Masukkan ke editor blog sebagai blok HTML. Warna sudah ada di dalam kode, jadi stylesheet tambahan tidak diperlukan.

Bisakah kode berwarna ditempel ke Word atau email?

Bisa, biasanya lewat pratinjau: pilih, salin, dan tempel, warnanya tetap. Pada program yang tidak menerima HTML, tangkapan layar pratinjau bisa membantu.

Bahasa apa saja yang didukung?

JavaScript dan TypeScript, JSON, HTML dengan skrip dan gaya tertanam, CSS, SQL, Python, dan Bash. Untuk bahasa lain pilih “Teks biasa”; maka hanya format blok yang tersisa.

Apakah kode saya disimpan atau dikirim?

Tidak. Pemrosesan berlangsung di browser Anda. Kode tidak muncul di bilah alamat dan tidak disimpan.

Mengapa sebagian bagian tidak berwarna?

Penyorot mengenali pola seperti kata kunci, string, dan komentar, tetapi bukan parser lengkap. Penulisan yang tidak lazim atau varian bahasa kadang tetap hitam.

Sumber dan dasar hukum

Diperbarui: · Kebijakan editorial

Alat terkait