JSON Escape

Apa itu JSON Escaping?

// Input text
She said "hi"
then left.

// Escaped (Wrap on) — identical to JSON.stringify(input)
"She said \"hi\"\nthen left."

// Escaped (Wrap off) — just the body, for hand-built JSON
She said \"hi\"\nthen left.

// JSON-in-JSON
{"a":1}  ->  "{\"a\":1}"  ->  {"payload": "{\"a\":1}"}

Fitur Utama

Contoh

{"event":"signup","user":{"id":42,"name":"Alice"}}

function greet(name) {
  return `Hello, ${name}!`;
}

She said "hello"	then left.

Price: 9.99€ — café société

Cara Menggunakan

1. 1

   Tempel teks atau JSON Anda

   Masukkan atau tempel apa saja ke field input — objek JSON, cuplikan kode, baris log, atau teks biasa. Hasil ter-escape muncul seketika. Klik 'Muat contoh' untuk mencoba sampel seperti payload JSON-in-JSON atau fungsi multibaris.

2. 2

   Pilih opsi escape

   Biarkan 'Bungkus dalam tanda kutip ganda' aktif untuk literal string JSON lengkap (sama seperti JSON.stringify), atau nonaktif untuk hanya mendapatkan body ter-escape. Aktifkan 'Escape non-ASCII' untuk keluaran \uXXXX murni-ASCII, dan 'Escape garis miring' saat menyisipkan JSON ke tag HTML <script>.

3. 3

   Salin string ter-escape

   Klik Salin untuk mengambil hasil, siap ditempel ke dokumen JSON, body permintaan REST, atau file konfigurasi. Klik Tukar arah untuk membalik ke mode unescape dan memverifikasi round-trip tanpa kehilangan data.

Jebakan Escape yang Umum

Input sudah ter-escape: line1\nline2
Di-escape lagi -> line1\\nline2  (garis miring terbalik-n harfiah)

Input mentah: line1
line2
Di-escape sekali -> line1\nline2  (baris baru asli tersandi)

{"msg": hello \"world\"}
// Tanda kutip di sekeliling nilai hilang -> JSON tidak valid

{"msg": "hello \"world\""}
// Bungkus aktif menyediakan tanda kutip -> JSON valid

café  ->  caf\u00e9   (tak ada kebutuhan hilir; hanya kebisingan)

café  ->  café         (JSON valid, terbaca, lebih kecil)

Kasus Penggunaan Umum

Payload Webhook JSON-in-JSON

Escape body permintaan agar dapat disimpan sebagai field string di dalam amplop webhook, pesan Kafka, atau log audit. Biarkan Bungkus aktif dan keluarannya siap ditetapkan ke sebuah kunci di dokumen luar.

Cuplikan Multibaris dalam Konfigurasi

Ubah skrip shell multibaris, kueri SQL, atau cuplikan kode menjadi satu nilai string JSON. Setiap baris baru menjadi \n sehingga file konfigurasi JSON tetap valid dalam satu baris.

Body Permintaan REST yang Dibangun Manual

Escape string JSON sebelum memasukkannya ke argumen curl --data atau klien HTTP, sehingga tanda kutip dan baris baru bertahan melewati shell dan jaringan tanpa merusak permintaan.

Penyandian String Aman-Log

Escape konten yang dipasok pengguna sebelum menulisnya ke baris log terstruktur, mencegah tanda kutip atau baris baru yang disuntikkan merusak format log atau parser log JSON hilir.

Integrasi Lawas Khusus-ASCII

Hasilkan keluaran \uXXXX murni-ASCII untuk gateway SOAP, header email, atau sistem lama yang merusak UTF-8 saat transit, sambil tetap sepenuhnya dapat terdekode oleh parser JSON modern mana pun.

Menyisipkan JSON ke dalam HTML

Escape garis miring sehingga blob JSON dapat disematkan langsung di dalam tag <script> untuk halaman yang dirender server, tanpa </script> di dalam data menutup tag lebih awal.

Detail Teknis

Algoritma Escape

Alat menserialisasi input Anda dengan aturan string spesifikasi JSON: U+0022 (") → \", U+005C (\) → \\, U+0008 → \b, U+000C → \f, U+000A → \n, U+000D → \r, U+0009 → \t, dan karakter lain di bawah U+0020 → \u00XX. Dengan Bungkus aktif, tanda kutip ganda di sekelilingnya disertakan; dengan nonaktif, dihilangkan. Ini sama persis dengan keluaran serializer yang patuh, menjamin round-trip tanpa kehilangan data.

Unicode dan Pasangan Surrogate

Secara default, karakter di atas U+007F dikeluarkan sebagai UTF-8 harfiah, yang diizinkan JSON. Dengan Escape non-ASCII aktif, setiap karakter tersebut diubah menjadi \uXXXX menggunakan unit kode UTF-16-nya; karakter di luar Basic Multilingual Plane (emoji, aksara langka) disandikan sebagai pasangan surrogate dari dua escape \uXXXX — misalnya 😀 (U+1F600) menjadi \ud83d\ude00, representasi yang sama dengan yang dihasilkan serializer JSON.

Garis Miring dan Konteks HTML

JSON tidak memerlukan escape pada /, jadi dipertahankan secara default. Ketika Escape garis miring diaktifkan, setiap / menjadi \/. Satu-satunya alasan praktis melakukannya adalah penyematan HTML: di dalam tag <script>, substring harfiah </script> menutup tag terlepas dari konteks JSON, jadi meng-escape garis miring menjadi <\/script> menjaga JSON yang disisipkan tetap utuh sambil tetap valid menurut spesifikasi.

Praktik Terbaik

Biarkan Bungkus Aktif untuk Literal Lengkap

Saat Anda butuh nilai untuk ditetapkan dalam kode atau ditempel setelah titik dua di JSON, biarkan Bungkus dalam tanda kutip ganda aktif — keluarannya adalah string JSON lengkap yang dapat di-parse, identik dengan JSON.stringify. Nonaktifkan hanya saat Anda mengetik sendiri tanda kutip di sekelilingnya.

Biarkan Escape Unicode Nonaktif Kecuali Diperlukan

UTF-8 mentah adalah JSON valid dan jauh lebih mudah dibaca. Aktifkan Escape non-ASCII hanya untuk sistem hilir tertentu yang salah menangani UTF-8 (SOAP lawas, beberapa pipeline log, file sumber khusus-ASCII). Meng-escape semuanya secara default hanya membuat keluaran lebih berisik.

Hanya Escape Garis Miring untuk Penyematan HTML

Escape garis miring penting di tepat satu tempat: JSON yang disisipkan di tag HTML <script>. Di luar konteks itu ia menambah kekacauan tanpa manfaat, jadi biarkan nonaktif untuk body REST, file konfigurasi, dan payload pesan.

Verifikasi Round-Trip dengan Tukar

Sebelum mengirim data ter-escape ke pipeline, klik Tukar arah untuk meng-unescape-nya dan memastikan Anda mendapatkan teks asli kembali. Ini menangkap escape ganda tak sengaja — sumber sering munculnya \\n di tempat \n dimaksudkan. Balik kapan saja dengan alat JSON Unescape kami.

Pertanyaan yang Sering Diajukan