← Takaisin ominaisuuksiin
Free

HTML-entiteettikoodaaja

HTML-entiteettikoodaaja muuntaa erikoismerkit (< > & " ') niiden HTML-entiteettivastaavuuksiksi (&lt; &gt; &amp; &quot; &#39;) ja takaisin. Olennainen käyttäjäsisällön turvalliseen renderöintiin, koodin upottamiseen dokumentaatioon tai XSS-hyökkäysten estämiseen käyttäjäsyötteitä näytettäessä.

Kun haluat näyttää HTML-tunnisteita tekstinä, upottaa koodinpätkiä sivulle tai näyttää käyttäjän lähettämää sisältöä turvallisesti, HTML-entiteettikoodaus on ratkaisu. Tämä työkalu tarjoaa välittömän kaksisuuntaisen muunnoksen. Koodaus korvaa HTML-erikoismerkit niiden entiteettivastaavuuksilla, jotta selain näyttää ne kirjaimellisesti sen sijaan, että se tulkitsisi ne merkintäkielenä. Purku kääntää prosessin toisinpäin. Työkalu käsittelee viisi keskeistä XML-entiteettiä sekä numeeriset entiteettiviittaukset (&#NN; ja &#xHH;), joten voit työskennellä minkä tahansa koodatun sisällön kanssa. Reaaliaikainen muunnos tarkoittaa, että tuloste ilmestyy kirjoittaessasi, ja vaihtopainike kääntää syötteen ja tulosteen nopeaa kaksisuuntaista varmennusta varten.

Reaaliaikainen esikatselu
example.com
HTML-yhteisön kooderi Koodaa Dekoodaa
Syöte
<div class="box">Hello & welcome!</div>
Koodattu tuloste
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Keskeiset ominaisuudet

Koodaa erikoismerkit

Muuntaa < > & " ' merkeiksi &lt; &gt; &amp; &quot; &#39; — viisi varattua HTML-merkkiä, jotka on koodattava, jotta ne näkyvät tekstinä.

Pura entiteettiviittaukset

Purkaa sekä nimetyt (&amp; &lt; &nbsp;) että numeeriset (&#60; &#x3C;) entiteettiviittaukset takaisin alkuperäisiksi merkeikseen.

Kopiointi yhdellä napsautuksella

Kopioi koodattu tai purettu tulos yhdellä napsautuksella. Siirrä tuloste suoraan HTML:ään, dokumentaatioon tai lähdekoodiin.

Reaaliaikainen muunnos

Tuloste päivittyy livenä kirjoittaessasi. Ei koodauspainikkeen napsauttamista — näe tulokset heti nopeaa iterointia varten.

Käsittelee numeerisia entiteettejä

Tukee desimaalisia (&#65;) ja heksadesimaalisia (&#x41;) numeerisia viittauksia sekä nimettyjä entiteettejä kuten &amp;nbsp;, &amp;copy;, &amp;trade;.

Kaksisuuntainen varmennus

Koodaa ja sitten pura tulos varmistaaksesi, että tuloste vastaa alkuperäistä — nopea tapa vahvistaa, että käsittelet sisältöä turvallisesti.

Yleiset käyttötapaukset

Koodin upottaminen dokumentteihin

Jotta voit näyttää HTML-tunnisteita kirjaimellisena tekstinä markdown- tai HTML-sivulla, koodaa erikoismerkit — et enää vahingossa renderöi koodiesimerkkiäsi merkintäkielenä.

XSS:n estäminen

Ennen kuin kaiutat käyttäjäsyötteen takaisin sivulle, koodaa HTML-entiteetit neutraloidaksesi <script>-tunnisteet ja muut injektiovektorit.

Virheellisen HTML:n vianmääritys

Pura entiteettiviittaukset epäilyttävässä tulosteessa nähdäksesi, mitä merkkejä todella tuotettiin — auttaa paikantamaan karkausvirheet.

Sisällön siirto

Muunna entiteettejä sisältävä HTML yhdestä järjestelmästä (CMS, sähköpostimalli) pelkäksi tekstiksi toiseen (tietokantakenttä, pelkän tekstin sähköposti).

Työkaluvihjeiden ja määritteiden turvallisuus

Koodaa sisältö ennen kuin lisäät sen HTML-määritteisiin (title="...", data-*) jotta lainausmerkit ja erikoismerkit eivät riko määritettä.

Käyttöohjeet
1

Avaa HTML-entiteettityökalu

Napsauta HTML-entiteetti -kuvaketta DevSuite Pro -telakassa. Avautuu editoripaneeli, jossa on koodaus- ja purkuvalitsimet.

2

Liitä HTML tai teksti

Liitä merkkijono, jonka haluat koodata (raaka HTML, joka sinun on näytettävä tekstinä) tai purkaa (entiteettejä sisältävä sisältö, joka sinun on renderöitävä).

3

Valitse tila

Valitse Koodaa muuntaaksesi erikoismerkit entiteeteiksi, tai Pura muuntaaksesi entiteetit takaisin raaoiksi merkeiksi.

4

Lue tulos

Koodattu tai purettu tuloste ilmestyy välittömästi viereiseen ruutuun — pitkä syöte on vieritettävä ja rivittyy oletuksena.

5

Kopioi tulos

Napsauta Kopioi napauttaaksesi tulosteen. Liitä dokumentaatioosi, koodiesimerkkiin tai käyttäjälle näkyvälle sivulle turvallista renderöintiä varten.

Valmis kokeilemaan?

Asenna DevSuite Pro ilmaiseksi ja avaa yli 64 kehittäjätyökalua selaimellesi.

Lisää Chromeen Lisää Edgeen Lisää FireFoxiin