CSS Escape & Unescape
Escape teks menjadi identifier CSS yang valid (CSS.escape). Tool ini melakukan Escape sekaligus Unescape dalam satu halaman — cukup pilih mode, tempel teks, lalu klik. Semua diproses di perangkat Anda tanpa dikirim ke server.
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
Contoh
Contoh Input
item .satu#dua
Contoh Output
item\ \.satu\#dua
Cara Penggunaan
- 1Pilih mode Escape atau Unescape di bagian atas.
- 2Ketik atau tempel teks Anda pada kolom Input.
- 3Klik tombol (atau tekan Ctrl+Enter) untuk memproses. Hasilnya muncul di kolom Hasil.
- 4Klik Salin untuk menyalin hasil, atau "Tukar input/hasil" untuk membalik proses dengan cepat.
Tentang CSS
CSS Escape mengubah teks menjadi bentuk yang aman dipakai sebagai identifier atau selector di CSS, menggunakan API bawaan browser CSS.escape(). Karakter khusus diberi backslash atau diubah ke escape heksadesimal.
Cara kerjanya: karakter yang tidak valid dalam identifier CSS (spasi, simbol, dll.) di-escape sehingga bisa dipakai, misalnya, di document.querySelector tanpa menimbulkan error. Unescape membalikkan escape tersebut.
CSS Escape berguna saat Anda membuat selector secara dinamis dari nilai yang tidak terkendali (mis. ID atau kelas yang mengandung karakter khusus), agar pencocokan elemen tetap aman dan benar.
Pertanyaan Umum (FAQ)
Bisakah CSS melakukan Escape dan Unescape?
Ya. Tool ini adalah satu halaman dengan toggle — gunakan mode Escape untuk mengubah teks, dan mode Unescape untuk mengembalikannya. Tidak perlu membuka dua halaman berbeda.
Apakah data saya dikirim ke server?
Tidak. CSS diproses sepenuhnya di browser Anda. Teks yang Anda masukkan tidak pernah meninggalkan perangkat Anda.