Siirry pääsisältöön
LibraTool logoLibraTool

HTML-koodaaja ja -purkaja ilmaiseksi

Koodaa erikoismerkit HTML-entiteeteiksi tai pura entiteetit takaisin pelkäksi tekstiksi. Välittömästi, selaimessasi.

Toimii offline-tilassa kerran ladattuna
Tulos:
Esimerkit:
Pelkkä teksti / HTML
Koodattu HTML
Tulos näkyy tässä...
Yleisten HTML-entiteettien viiteluettelo
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Yleiset käyttötavat

  • Koodaa Sisältö RSS-syötteilleKoodaa HTML-sisältö RSS-syötteen kohteiden kuvauksille — vaadittu RSS 2.0 -standardin mukaisesti.
  • Desinfiointi Käyttäjän Syöte HTML-tuotokselleKoodaa käyttäjien toimittamat merkkijonot ennen kuin lisäät ne HTML:ään — estää XSS-injektioiskut.
  • Koodaa Erikoismerkkejä HTML-sähköpostilleKoodaa merkkejä kuten &, <, > ja © HTML-entiteetteinä, jotta ne renderöitävät oikein kaikissa sähköpostiohjelmissa.
  • Koodaa Käyttäjän Sisältöä Verkkonäkymää VartenEstä XSS-hyökkäykset koodaamalla käyttäjien luoma sisältö ennen HTML-sivuille renderöintiä.
  • Koodaa Sisältöä XML:lleKoodaa erikoismerkit XML-tiedostoille, RSS-syötteille, sivukartoille ja SOAP-palkkioille.

Miten se toimii

HTML-koodaus ja -purku tapahtuvat täällä kokonaan selaimessasi käsin kirjoitetulla regex-korvauksella ja kiinteästi koodatulla nimetyn yksikön hakutaulukolla — ei kolmannen osapuolen koodauskirjastoa, ei palvelinkierrosta. Harvinaisten nimettyjen yksiköiden (kuten &aacute; tai &ldquo;) purkuun työkalu delegoi selaimen omalle HTML-jäsentimelle nollakustannuksisena varajärjestelynä.

  1. 1
    Regex skannaa korvattavia merkkejä
    Koodauksessa yksi kahdesta Unicode-tietoisesta säännöllisestä lausekkeesta ajetaan syötteesi läpi: kohdennettu kaava, joka kattaa noin 25 yleistä HTML-merkityksellistä ja erikoismerkkiä, tai laajempi kaava, joka poimii jokaisen U+007F:n yläpuolisen koodipisteen. Jokainen osuma siepataan merkki kerrallaan.
  2. 2
    Hakutaulukko tai codePointAt() tuottaa yksikön
    Nimetylle yksikkötulosteelle täsmätyt merkit haetaan kiinteästi koodatusta taulukosta (esim. & → &amp;, © → &copy;). Desimaali- tai heksatulosteelle String.codePointAt() hakee Unicode-koodipisteen ja muotoilee sen muotoon &#NNN; tai &#xNNN; — sijaispareja käsitellään oikein, koska regex käyttää Unicode 'u'-lippua.
  3. 3
    Yhden läpikäynnin regex purkaa yksiköt takaisin merkeiksi
    Purussa yksi regex-läpikäynti tunnistaa kaikki yksikkötokenit (&amp;, &#65;, &#x41; jne.) ja ohjaa jokaisen oikealle käsittelijälle: heksa parseInt (kanta 16), desimaali Number(), nimetty käänteishaku, tai — mille tahansa yksikölle, joka ei ole kiinteästi koodatussa taulukossa — textarea-elementti, jonka innerHTML:n selain jäsentää natiivisti, palauttaen oikean merkin selaimen sisäänrakennetusta yksikkötaulukosta.
  4. 4
    Tulos ilmestyy välittömästi; kopioi leikepöydälle Clipboard-rajapinnalla
    Tuloste lasketaan uudelleen synkronisesti jokaisella näppäilyllä Reactin useMemo-hookilla. Kopiointi käyttää navigator.clipboard.writeText()-funktiota — nykyaikaista asynkronista Clipboard-rajapintaa — hiljaisella virheenkäsittelyllä rajoitetuille konteksteille.

Liittyvät työkalut

🔗

URL-kooderi ja -dekooderi

Koodaa ja dekoodaa URL-osoitteita ja kyselymerkkijonoja. Tukee encodeURIComponent, decodeURIComponent ja kyselymerkkijonojen jäsennystä.

Kokeile sitä
🔢

Base64-koodaaja ja -purkaja

Koodaa teksti tai tiedostot Base64-muotoon tai pura Base64-merkkijonot takaisin pelkäksi tekstiksi. Välitön, yksityinen ja ilmainen.

Kokeile sitä
🔐

Caesarin salakirjoitus ja tekstinsalaus

Salaa ja pura teksti Caesarin salakirjoituksella, ROT13:lla, Atbash-menetelmällä ja Vigenèren salakirjoituksella. Klassiset korvaussalakirjoitukset, kaikki selaimessasi.

Kokeile sitä

Usein kysytyt kysymykset