Enkoder/Dekoder URL + Entitas HTML

Enkode URL, dekode persen escape, dan escape entitas HTML.

Alat
Tindakan
Cakupan URL
Input
Output
Siap. Tempel teks dan pilih tindakan.

Teks URL dan HTML Anda dikonversi langsung di browser Anda. Tidak ada data yang diunggah ke BroBroGo.

Tanya Jawab

Apakah saya harus memilih komponen URL atau URL lengkap?

Gunakan 'Komponen' untuk nilai kueri, bagian jalur, atau nilai formulir. Gunakan 'URL Lengkap' jika Anda ingin karakter seperti : / ? & = tetap dapat dibaca.

Apa saja yang diubah oleh escaping entitas HTML?

Tindakan ini mengubah karakter seperti <, >, &, tanda kutip, dan teks non-ASCII menjadi entitas yang dapat ditempelkan dengan aman ke dalam teks atau atribut HTML.

Mengapa dekode URL terkadang gagal?

Persen escape harus berupa urutan UTF-8 yang lengkap. Urutan yang rusak seperti %E0%A4%A tidak dapat didekode tanpa menebak-nebak.

Ditulis dan ditinjau oleh tim editorial BroBroGo.Terakhir diperbarui:

Fungsi dan Kegunaan Enkoder/Dekoder URL + Entitas HTML

Alat ini dirancang untuk membantu pengembang web, editor konten, staf dukungan, serta pengguna umum dalam mengonversi teks untuk kebutuhan URL atau dokumen HTML. Proses konversi ini mencakup enkoding dan dekoding URL, serta proses escape dan unescape entitas HTML. Melalui alat ini, karakter khusus yang dapat mengganggu struktur kode atau alamat web diubah menjadi format yang aman untuk ditransmisikan atau ditampilkan.

Seluruh proses konversi teks URL dan HTML Anda dikonversi langsung di browser Anda. Tidak ada data yang diunggah ke BroBroGo, sehingga privasi data yang Anda masukkan tetap terjaga di dalam perangkat lokal Anda sendiri.

Perbedaan Enkoding Komponen URL dan URL Lengkap

Saat bekerja dengan alamat web, Anda harus memilih cakupan enkoding yang tepat agar tautan tetap berfungsi sebagaimana mestinya. Alat ini menyediakan dua pilihan cakupan:

  • Komponen: Pilihan ini menggunakan fungsi JavaScript encodeURIComponent dan decodeURIComponent. Mode ini sangat cocok untuk mengonversi nilai kueri (query values), bagian dari jalur URL (path pieces), atau nilai formulir. Semua karakter non-alfanumerik, termasuk karakter pembatas seperti :, /, ?, &, dan =, akan diubah menjadi persen escape.
  • URL Lengkap: Pilihan ini menggunakan fungsi encodeURI dan decodeURI. Mode ini digunakan ketika Anda ingin mengonversi seluruh alamat web namun tetap mempertahankan karakter struktural URL seperti :, /, ?, &, dan = agar tetap dapat dibaca dan berfungsi sebagai tautan aktif.

Sebagai contoh, jika Anda memasukkan teks hello world & city=上海:

  • Hasil enkoding komponen akan mengubah spasi menjadi %20, karakter & menjadi %26, dan = menjadi %3D.
  • Hasil enkoding URL lengkap akan mempertahankan karakter struktural tersebut dan hanya mengonversi karakter non-ASCII serta spasi.

Mekanisme Persen Escape dan Aturan UTF-8

Persen escape adalah metode penulisan karakter khusus dalam URL dengan menggunakan tanda persen % yang diikuti oleh dua digit heksadesimal. Digit tersebut mewakili nilai biner dari karakter dalam pengodean UTF-8.

Saat melakukan dekode URL, setiap persen escape harus membentuk urutan UTF-8 yang lengkap dan valid. Jika urutan tersebut terputus atau tidak lengkap, proses dekode akan gagal. Sebagai contoh, urutan yang rusak seperti %E0%A4%A tidak memiliki byte penutup yang valid dalam standar UTF-8. Jika alat mendeteksi kesalahan ini, sistem akan menampilkan pesan kesalahan: "Teks URL ini memiliki persen escape yang rusak.".

Escape dan Unescape Entitas HTML

HTML entity escaping adalah proses mengubah karakter khusus yang memiliki makna struktural dalam HTML menjadi representasi teks aman (entitas). Langkah ini sangat penting bagi pengembang dan editor konten yang perlu menempelkan teks mentah ke dalam dokumen HTML atau atribut elemen tanpa merusak struktur DOM.

Proses escape ini akan mengubah karakter-karakter berikut menjadi entitas HTML:

  • Karakter < menjadi &lt;
  • Karakter > menjadi &gt;
  • Karakter & menjadi &amp;
  • Tanda kutip ganda " dan tunggal '
  • Karakter non-ASCII lainnya.

Sebagai contoh, teks input seperti 保存 akan diubah menjadi entitas numerik atau bernama yang aman untuk ditempelkan langsung ke dalam kode HTML. Sebaliknya, proses unescape akan mengembalikan entitas tersebut menjadi karakter aslinya. Perlu dicatat bahwa proses enkoding/escaping ini berfungsi untuk memastikan validitas format dokumen dan transmisi data, dan berbeda dengan proses sanitasi keamanan yang dirancang khusus untuk menyaring skrip berbahaya (XSS).

Batasan Input dan Penanganan Kesalahan

Alat ini memiliki aturan operasional dan batasan kapasitas tertentu untuk memastikan kinerja browser tetap stabil:

  • Kapasitas Maksimum: Input teks dibatasi hingga maksimum 2.000.000 karakter. Jika teks yang dimasukkan melebihi batas ini, alat akan menampilkan pesan: "Input terlalu besar untuk alat ini. Pastikan kurang dari {max} karakter.".
  • Input Kosong: Jika Anda menekan tombol konversi tanpa memasukkan teks, pesan "Tempel beberapa input terlebih dahulu." akan muncul.
  • Waktu Proses: Jika konversi memakan waktu terlalu lama karena ukuran data yang mendekati batas maksimal, sistem akan membatalkan proses dan menampilkan pesan: "Konversi ini memakan waktu terlalu lama. Coba gunakan input yang lebih kecil.".
  • Kegagalan Umum: Untuk kegagalan sistem lainnya yang tidak terduga, alat akan memunculkan pesan: "Tidak dapat mengonversi input ini.".

Saat Anda menggunakan tombol navigasi antarmuka, sistem juga memberikan konfirmasi langsung. Menekan tombol bersihkan akan memunculkan pesan "Input dan output dibersihkan.". Memindahkan hasil konversi ke kolom input dengan tombol swap akan memunculkan pesan "Output dipindahkan ke input.". Sementara memuat teks contoh akan memunculkan pesan "Contoh dimuat.".

Pertanyaan yang Sering Diajukan (FAQ)

Apakah saya harus memilih komponen URL atau URL lengkap? Gunakan 'Komponen' untuk nilai kueri, bagian jalur, atau nilai formulir. Gunakan 'URL Lengkap' jika Anda ingin karakter seperti: /? & = tetap dapat dibaca.

Apa saja yang diubah oleh escaping entitas HTML? Tindakan ini mengubah karakter seperti <, >, &, tanda kutip, dan teks non-ASCII menjadi entitas yang dapat ditempelkan dengan aman ke dalam teks atau atribut HTML.

Mengapa dekode URL terkadang gagal? Persen escape harus berupa urutan UTF-8 yang lengkap. Urutan yang rusak seperti %E0%A4%A tidak dapat didekode tanpa menebak-nebak.

Di mana proses konversi teks ini dilakukan? Teks URL dan HTML Anda dikonversi langsung di browser Anda. Tidak ada data yang diunggah ke BroBroGo, sehingga proses berjalan secara lokal pada perangkat Anda.

HTML Beautifier & MinifierRapikan kembali HTML yang berantakan agar mudah dibaca, atau minify untuk memperkecil ukurannya — lengkap dengan pemeriksaan opsional untuk tag yang rusak.Pembersih Tag HTMLHapus tag HTML dan ekstrak teks biasa yang bersih.Pemformat / Validator XMLFormat, minify, dan periksa struktur XML langsung di browser Anda.Encoder/Decoder Base64Encode dan dekode teks Base64 secara instan, langsung di browser Anda.Konverter Gambar Base64Seret gambar untuk mendapatkan URI data Base64, atau tempelkan Base64 untuk melihat pratinjau dan mengunduh gambar.Konverter Biner/HeksadesimalKonversi angka antara biner, heksadesimal, desimal, dan oktal — atau ubah teks menjadi byte.Kalkulator Subnet IPv4Masukkan IP dan CIDR atau subnet mask untuk mendapatkan informasi jaringan, rentang yang dapat digunakan, alamat broadcast, dan jumlah host.Inspektur Permintaan WebhookTempelkan metode webhook, header, dan isi untuk memeriksa permintaan dan membuat perintah pengujian yang dapat disalin.Konverter PunycodeKonversi domain Unicode ke Punycode dan dekode kembali label xn--.Klien Uji WebSocketHubungkan ke WebSocket, kirim pesan, dan lihat pesan yang dikirim dan diterima, status koneksi, kode penutupan WebSocket, dan alasan penutupan yang diberikan oleh server.Generator URL SlugUbah judul halaman menjadi URL slug yang bersih dan menggunakan tanda hubung.Pemformat JSONFormat, validasi, dan minify JSON secara instan.Konverter YAML / JSON / TOMLKonversi YAML, JSON, dan TOML tanpa meninggalkan halaman.Perbandingan Teks / JSONBandingkan teks atau JSON secara berdampingan dan temukan dengan tepat apa yang berubah.Pembuat Kode QRBuat kode QR statis untuk tautan, WiFi, kontak, email, SMS, dan teks.Generator & Validator Robots.txtBuat aturan perayapan dan periksa jalur mana saja yang dapat diakses oleh Googlebot.