← Kembali ke Fitur
Free

HTML Entity Encoder

HTML Entity Encoder mengonversi karakter khusus (< > & " ') ke padanan HTML entity (&lt; &gt; &amp; &quot; &#39;) dan sebaliknya. Sangat penting untuk merender konten pengguna dengan aman, menyematkan kode dalam dokumentasi, atau mencegah XSS saat menampilkan input pengguna.

Saat Anda perlu menampilkan tag HTML sebagai teks, menyematkan cuplikan kode di sebuah halaman, atau menampilkan konten kiriman pengguna dengan aman, HTML entity encoding adalah solusinya. Alat ini menyediakan konversi dua arah secara instan. Enkoding mengganti karakter HTML khusus dengan entity padanannya sehingga browser menampilkannya secara literal, bukan menafsirkannya sebagai markup. Dekoding membalikkan proses tersebut. Alat ini menangani lima entity inti XML ditambah referensi entity numerik (&#NN; dan &#xHH;) sehingga Anda dapat bekerja dengan konten terenkode apa pun. Konversi real-time berarti output muncul saat Anda mengetik, dan tombol tukar membalikkan input dan output untuk verifikasi bolak-balik yang cepat.

Pratinjau Langsung
example.com
HTML Entity Encoder Enkode Dekode
Input
<div class="box">Hello & welcome!</div>
Output Terenkode
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Fitur Utama

Enkode Karakter Khusus

Mengonversi < > & " ' menjadi &lt; &gt; &amp; &quot; &#39; — lima karakter HTML yang dipesan (reserved) yang perlu dienkode agar muncul sebagai teks.

Dekode Referensi Entity

Mendekode referensi entity bernama (&amp; &lt; &nbsp;) dan numerik (&#60; &#x3C;) kembali ke karakter aslinya.

Salin Sekali Klik

Salin hasil enkode atau dekode dengan satu klik. Pindahkan output langsung ke HTML, dokumentasi, atau kode sumber Anda.

Konversi Real-Time

Output diperbarui secara langsung saat Anda mengetik. Tanpa tombol enkode yang perlu diklik — lihat hasil segera untuk iterasi yang cepat.

Mendukung Entity Numerik

Mendukung referensi numerik desimal (&#65;) dan heksadesimal (&#x41;) ditambah entity bernama seperti &amp;nbsp;, &amp;copy;, &amp;trade;.

Verifikasi Bolak-Balik

Enkode, lalu dekode hasilnya untuk memastikan output sesuai dengan aslinya — cara cepat untuk memverifikasi bahwa Anda menangani konten dengan aman.

Kasus Penggunaan Umum

Menyematkan Kode di Dokumentasi

Untuk menampilkan tag HTML sebagai teks literal di halaman markdown atau HTML, enkode karakter khususnya — tidak akan ada lagi perenderan sampel kode yang tidak sengaja menjadi markup.

Mencegah XSS

Sebelum memantulkan (echoing) input pengguna kembali ke halaman, enkode HTML entity untuk menetralisir tag <script> dan vektor injeksi lainnya.

Debugging HTML yang Salah Format

Dekode referensi entity pada output yang mencurigakan untuk melihat karakter apa yang sebenarnya dihasilkan — membantu menemukan bug terkait escaping.

Migrasi Konten

Konversi HTML dengan entity dari satu sistem (CMS, template email) menjadi teks biasa untuk sistem lain (bidang database, email teks biasa).

Keamanan Tooltip & Atribut

Enkode konten sebelum dimasukkan ke dalam atribut HTML (title="...", data-*) sehingga tanda kutip dan karakter khusus tidak merusak atribut tersebut.

Cara Menggunakan
1

Buka Alat HTML Entity

Klik ikon HTML Entity di dok DevSuite Pro. Panel editor akan terbuka dengan sakelar Encode dan Decode.

2

Tempel HTML atau Teks Anda

Tempelkan string yang ingin Anda enkode (HTML mentah yang perlu ditampilkan sebagai teks) atau dekode (konten penuh entity yang perlu Anda render).

3

Pilih Mode

Pilih Encode untuk mengonversi karakter khusus menjadi entity, atau Decode untuk mengonversi entity kembali ke karakter mentahnya.

4

Baca Hasilnya

Hasil enkode atau dekode muncul secara instan di panel samping — input yang panjang dapat digulir dan dibungkus secara default.

5

Salin Hasilnya

Klik Salin untuk mengambil output. Tempelkan ke dokumentasi, sampel kode, atau halaman yang menghadap pengguna untuk merender dengan aman.

Siap untuk Mencoba?

Instal DevSuite Pro secara gratis dan buka 64+ alat pengembang untuk browser Anda.

Tambahkan ke Chrome Tambah ke Edge Tambahkan ke FireFox