← Vissza a funkciókhoz
Free

HTML Entity Encoder

A HTML Entity Encoder a speciális karaktereket (< > & " ') a megfelelő HTML entitásokra alakítja (&lt; &gt; &amp; &quot; &#39;) és vissza. Nélkülözhetetlen a felhasználói tartalom biztonságos megjelenítéséhez, kód beágyazásához dokumentációba, vagy XSS megelőzéséhez felhasználói bevitel megjelenítésekor.

Amikor HTML címkéket kell szövegként megjelenítenie, kódrészleteket kell beágyaznia egy oldalba, vagy felhasználó által beküldött tartalmat kell biztonságosan megjelenítenie, a HTML entitáskódolás a megoldás. Ez az eszköz azonnali kétirányú konverziót biztosít. A kódolás lecseréli a speciális HTML karaktereket a megfelelő entitásokra, így a böngésző szó szerint jeleníti meg őket ahelyett, hogy jelölésként értelmezné azokat. A dekódolás visszafordítja a folyamatot. Az eszköz kezeli az öt alapvető XML entitást, valamint a numerikus entitáshivatkozásokat (&#NN; és &#xHH;), így bármilyen kódolt tartalommal dolgozhat. A valós idejű konverzió miatt a kimenet gépelés közben jelenik meg, egy csere gomb pedig felcseréli a bevitelt és a kimenetet a gyors oda-vissza ellenőrzéshez.

Élő előnézet
example.com
HTML entitás kódoló Kódolás Dekódolás
Bemenet
<div class="box">Hello & welcome!</div>
Kódolt kimenet
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Főbb jellemzők

Speciális karakterek kódolása

A < > & " ' karaktereket &lt; &gt; &amp; &quot; &#39; formára alakítja — ez az öt fenntartott HTML karakter, amelyet kódolni kell ahhoz, hogy szövegként jelenjenek meg.

Entitáshivatkozások dekódolása

Dekódolja mind a névvel ellátott (&amp; &lt; &nbsp;), mind a numerikus (&#60; &#x3C;) entitáshivatkozásokat vissza az eredeti karakterekre.

Egykattintásos másolás

Másolja a kódolt vagy dekódolt eredményt egyetlen kattintással. Illessze be közvetlenül a HTML-be, dokumentációba vagy forráskódba.

Valós idejű konverzió

A kimenet élőben frissül gépelés közben. Nincs szükség Kódolás gombra — az eredmény azonnal látható a gyors iterációhoz.

Numerikus entitások kezelése

Támogatja a decimális (&#65;) és hexadecimális (&#x41;) numerikus hivatkozásokat, valamint a névvel ellátott entitásokat, mint az &amp;nbsp;, &amp;copy;, &amp;trade;.

Oda-vissza ellenőrzés

Kódolja, majd dekódolja az eredményt, hogy megerősítse, a kimenet megegyezik az eredetivel — gyors módja annak ellenőrzésére, hogy biztonságosan kezeli-e a tartalmat.

Gyakori használati esetek

Kód beágyazása dokumentációba

Ahhoz, hogy a HTML címkék szó szerinti szövegként jelenjenek meg egy markdown vagy HTML oldalon, kódolja a speciális karaktereket — soha többé nem jelenik meg véletlenül kódpéldaként a jelölés.

XSS megelőzése

Mielőtt visszaküldi a felhasználói bevitelt egy oldalra, kódolja a HTML entitásokat a <script> címkék és más beszúrási vektorok semlegesítéséhez.

Hibás HTML hibakeresése

Dekódolja az entitáshivatkozásokat gyanús kimenetben, hogy lássa, milyen karakterek jöttek ténylegesen létre — segít a menekülési (escaping) hibák azonosításában.

Tartalom migrálása

Alakítson át entitásokat tartalmazó HTML-t az egyik rendszerből (CMS, e-mail sablon) egyszerű szöveggé egy másik rendszer számára (adatbázismező, egyszerű szöveges e-mail).

Tooltip és attribútum biztonság

Kódolja a tartalmat, mielőtt HTML attribútumokba szúrja be (title="...", data-*), hogy az idézőjelek és speciális karakterek ne törjék meg az attribútumot.

Használati útmutató
1

Nyissa meg a HTML Entity eszközt

Kattintson a HTML Entity ikonra a DevSuite Pro dokkban. Egy szerkesztőpanel nyílik meg Kódolás és Dekódolás kapcsolókkal.

2

Illessze be a HTML-t vagy szöveget

Illessze be a kódolandó sztringet (nyers HTML, amelyet szövegként kell megjelenítenie) vagy a dekódolandót (entitásokkal teli tartalom, amelyet meg kell jelenítenie).

3

Válasszon módot

Válassza a Kódolás lehetőséget a speciális karakterek entitásokra alakításához, vagy a Dekódolás lehetőséget az entitások visszaalakításához nyers karakterekre.

4

Olvassa el az eredményt

A kódolt vagy dekódolt kimenet azonnal megjelenik a szomszédos panelen — a hosszú bevitel görgethető, és alapértelmezetten tördelődik.

5

Másolja az eredményt

Kattintson a Másolás gombra a kimenet átvételéhez. Illessze be a dokumentációjába, kódpéldájába vagy felhasználói felületű oldalára a biztonságos megjelenítéshez.

Készen áll a kipróbálásra?

Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.

Hozzáadás a Chrome-hoz Hozzáadás az Edge-hez Hozzáadás a FireFoxhoz