← Atgal į funkcijas
Free

HTML esybių kodavimas

HTML esybių koderis konvertuoja specialius simbolius (< > & " ') į jų HTML esybių atitikmenis (&lt; &gt; &amp; &quot; &#39;) ir atgal. Būtinas saugiai atvaizduojant vartotojo turinį, įterpiant kodą į dokumentaciją ar apsaugant nuo XSS rodant vartotojo įvestį.

Kai reikia rodyti HTML žymes kaip tekstą, įterpti kodo fragmentus puslapyje ar saugiai rodyti vartotojo pateiktą turinį, HTML esybių kodavimas yra atsakymas. Šis įrankis suteikia akimirksnio dvikryptį konvertavimą. Kodavimas pakeičia specialius HTML simbolius jų esybių atitikmenimis, kad naršyklė juos rodytų pažodžiui, o ne interpretuotų kaip žymėjimą. Dekodavimas atlieka atvirkštinį procesą. Įrankis apdoroja penkias pagrindines XML esybes bei skaitines esybių nuorodas (&#NN; ir &#xHH;), todėl galite dirbti su bet kokiu užkoduotu turiniu. Realaus laiko konvertavimas reiškia, kad rezultatas pasirodo rašant, o sukeitimo mygtukas apkeičia įvestį ir išvestį greitam abipusio konvertavimo patikrinimui.

Tiesioginė peržiūra
example.com
HTML objekto kodavimo priemonė Koduoti Dekoduoti
Įvestis
<div class="box">Hello & welcome!</div>
Koduota išvestis
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Pagrindinės savybės

Specialiųjų simbolių kodavimas

Konvertuoja < > & " ' į &lt; &gt; &amp; &quot; &#39; — penkis rezervuotus HTML simbolius, kuriuos reikia užkoduoti, kad jie būtų rodomi kaip tekstas.

Esybių nuorodų dekodavimas

Dekoduoja tiek pavadintas (&amp; &lt; &nbsp;), tiek skaitines (&#60; &#x3C;) esybių nuorodas atgal į originalius simbolius.

Kopijavimas vienu paspaudimu

Nukopijuokite užkoduotą ar dekoduotą rezultatą vienu paspaudimu. Perkelkite rezultatą tiesiai į savo HTML, dokumentaciją ar pirminį kodą.

Realaus laiko konvertavimas

Rezultatas atnaujinamas gyvai rašant. Kodavimo mygtuko spausti nereikia — rezultatus matote iš karto, greitam tobulinimui.

Apdoroja skaitines esybes

Palaiko dešimtaines (&#65;) ir šešioliktaines (&#x41;) skaitines nuorodas bei pavadintas esybes, tokias kaip &amp;nbsp;, &amp;copy;, &amp;trade;.

Abipusio konvertavimo patikra

Užkoduokite, tada dekoduokite rezultatą, kad patvirtintumėte, jog išvestis atitinka originalą — greitas būdas įsitikinti, kad turinys tvarkomas saugiai.

Dažni naudojimo atvejai

Kodo įterpimas dokumentacijoje

Norint rodyti HTML žymes kaip pažodinį tekstą markdown ar HTML puslapyje, užkoduokite specialius simbolius — nebeliks atsitiktinio kodo pavyzdžio atvaizdavimo kaip žymėjimo.

XSS prevencija

Prieš rodant vartotojo įvestį atgal puslapyje, užkoduokite HTML esybes, kad neutralizuotumėte <script> žymes ir kitus injekcijos vektorius.

Netaisyklingo HTML derinimas

Dekoduokite esybių nuorodas įtartinoje išvestyje, kad pamatytumėte, kokie simboliai iš tikrųjų buvo sukurti — padeda nustatyti klaidas apsaugant (escaping) turinį.

Turinio perkėlimas

Konvertuokite HTML su esybėmis iš vienos sistemos (TVS, el. laiško šablono) į paprastą tekstą kitai (duomenų bazės lauką, paprasto teksto el. laišką).

Užuominų ir atributų saugumas

Užkoduokite turinį prieš įterpiant jį į HTML atributus (title="...", data-*), kad kabutės ir specialūs simboliai nesugadintų atributo.

Kaip naudoti
1

Atidarykite HTML esybių įrankį

Paspauskite HTML esybių piktogramą DevSuite Pro dokelyje. Atsidaro redaktoriaus skydelis su „Encode" ir „Decode" perjungikliais.

2

Įklijuokite savo HTML ar tekstą

Įklijuokite eilutę, kurią norite užkoduoti (žalias HTML, kurį reikia rodyti kaip tekstą) arba dekoduoti (esybėmis prisotintas turinys, kurį reikia atvaizduoti).

3

Pasirinkite režimą

Pasirinkite „Encode", kad konvertuotumėte specialius simbolius į esybes, arba „Decode", kad konvertuotumėte esybes atgal į žalius simbolius.

4

Perskaitykite rezultatą

Užkoduotas ar dekoduotas rezultatas iškart pasirodo gretimoje srityje — ilga įvestis slenkama ir pagal numatytuosius nustatymus laužoma.

5

Nukopijuokite rezultatą

Paspauskite „Copy", kad gautumėte rezultatą. Įklijuokite jį į savo dokumentaciją, kodo pavyzdį ar vartotojui skirtą puslapį, kad jis būtų saugiai atvaizduotas.

Pasiruošę išbandyti?

Įdiekite „DevSuite Pro“ nemokamai ir atrakinkite 64+ kūrėjų įrankius savo naršyklei.

Pridėti prie Chrome Pridėti prie Edge Pridėti prie FireFox