← Kembali ke Ciri
Free

HTML Entity Encoder

HTML Entity Encoder menukar aksara khas (< > & " ') kepada padanan entiti HTML-nya (&lt; &gt; &amp; &quot; &#39;) dan sebaliknya. Penting untuk memaparkan kandungan pengguna dengan selamat, membenamkan kod dalam dokumentasi, atau mencegah XSS apabila memaparkan input pengguna.

Apabila anda perlu memaparkan tag HTML sebagai teks, membenamkan cebisan kod dalam halaman, atau menunjukkan kandungan yang dihantar pengguna dengan selamat, encoding entiti HTML adalah jawapannya. Alat ini menyediakan penukaran dua hala segera. Encoding menggantikan aksara khas HTML dengan padanan entitinya supaya pelayar memaparkannya secara literal dan bukannya mentafsirkannya sebagai markup. Decoding membalikkan proses tersebut. Alat ini mengendalikan lima entiti teras XML serta rujukan entiti berangka (&#NN; dan &#xHH;) supaya anda dapat bekerja dengan sebarang kandungan yang di-encode. Penukaran masa nyata bermaksud output muncul semasa anda menaip, dan butang tukar ganti membalikkan input dan output untuk pengesahan roundtrip yang pantas.

Pratonton Langsung
example.com
Pengkod Entiti HTML Pengekodan Pendekodan
Masukan
<div class="box">Hello & welcome!</div>
Keluaran Dikodkan
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Ciri-ciri Utama

Encode Aksara Khas

Menukar < > & " ' kepada &lt; &gt; &amp; &quot; &#39; — lima aksara HTML reserved yang perlu di-encode untuk dipaparkan sebagai teks.

Decode Rujukan Entiti

Men-decode kedua-dua rujukan entiti bernama (&amp; &lt; &nbsp;) dan berangka (&#60; &#x3C;) kembali kepada aksara asalnya.

Salin Sekelip Mata

Salin hasil yang di-encode atau di-decode dengan satu klik. Pindahkan output terus ke dalam HTML, dokumentasi, atau kod sumber anda.

Penukaran Masa Nyata

Output dikemas kini secara langsung semasa anda menaip. Tiada butang encode untuk diklik — lihat hasil serta-merta untuk iterasi pantas.

Mengendalikan Entiti Berangka

Menyokong rujukan perpuluhan (&#65;) dan heksadesimal (&#x41;) serta entiti bernama seperti &amp;nbsp;, &amp;copy;, &amp;trade;.

Pengesahan Roundtrip

Encode, kemudian decode hasilnya untuk mengesahkan output sepadan dengan yang asal — cara pantas untuk memastikan anda mengendalikan kandungan dengan selamat.

Kes Penggunaan Biasa

Membenamkan Kod Dalam Dokumentasi

Untuk memaparkan tag HTML sebagai teks literal dalam halaman markdown atau HTML, encode aksara khasnya — tiada lagi contoh kod anda dipaparkan secara tidak sengaja sebagai markup.

Mencegah XSS

Sebelum memaparkan semula input pengguna ke halaman, encode entiti HTML untuk meneutralkan tag <script> dan vektor injeksi lain.

Menyahpepijat HTML Yang Tidak Sah

Decode rujukan entiti dalam output yang mencurigakan untuk melihat aksara sebenar yang dihasilkan — membantu mengesan pepijat escaping.

Migrasi Kandungan

Tukar HTML berentiti daripada satu sistem (CMS, templat e-mel) kepada teks biasa untuk sistem lain (medan pangkalan data, e-mel teks biasa).

Keselamatan Tooltip & Atribut

Encode kandungan sebelum memasukkannya ke dalam atribut HTML (title="...", data-*) supaya tanda petik dan aksara khas tidak merosakkan atribut tersebut.

Cara Guna
1

Buka Alat HTML Entity

Klik ikon HTML Entity dalam dock DevSuite Pro. Panel editor akan dibuka dengan togol Encode dan Decode.

2

Tampal HTML atau Teks Anda

Tampal rentetan yang ingin di-encode (HTML mentah yang perlu dipaparkan sebagai teks) atau di-decode (kandungan berentiti yang perlu dipaparkan).

3

Pilih Mod

Pilih Encode untuk menukar aksara khas kepada entiti, atau Decode untuk menukar entiti kembali kepada aksara mentahnya.

4

Baca Hasilnya

Output yang di-encode atau di-decode muncul serta-merta dalam panel bersebelahan — input yang panjang boleh ditatal dan dililit secara lalai.

5

Salin Hasilnya

Klik Copy untuk mengambil output. Tampalkan ke dalam dokumentasi, contoh kod, atau halaman yang dilihat pengguna untuk dipaparkan dengan selamat.

Sedia untuk Mencuba?

Pasang DevSuite Pro secara percuma dan buka 64+ alat pembangun untuk pelayar anda.

Tambah ke Chrome Tambah ke Edge Tambah ke FireFox