Slaan oor na hoofinhoud
LibraTool logoLibraTool

Gratis HTML Enkodeerder en dekodeerder

Enkodeer spesiale karakters na HTML entiteite of dekodeer entiteite terug na gewone teks. Onmiddellik, in jou blaaier.

Werk vanlyn sodra gelaai
Uitvoer:
Voorbeelde:
Gewone teks / HTML
Geënkodeerde HTML
Uitvoer verskyn hier...
Algemene HTML-entiteitverwysing
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Algemene gebruike

  • Kodeer inhoud vir RSS-voereKodeer HTML-inhoud vir RSS-voer-itembeskrywings - vereist deur die RSS 2.0-standaard.
  • Safel gebruikersinvoer vir HTML-afvoerKodeer gebruiker-verskafde snare voordat u dit in HTML invoeg - voorkom XSS-inspuitingsaanvalle.
  • Kodeer spesiale karakters vir HTML-e-posKodeer karakters soos & < > en © as HTML-entiteite sodat hulle korrek in alle e-poskliënte vertoon.
  • Kodeer gebruikersinligting vir webweergaweVoorkom XSS-aanvalle deur gebruikergegenereerde inhoud te kodeer voordat u dit op HTML-bladsye weergeef.
  • Kodeer inhoud vir XMLKodeer spesiale karakters vir XML-lêers RSS-voere sitemaps en SOAP-vlakke.

Hoe dit werk

HTML-enkodering en -dekodering hier loop heeltemal in jou blaaier met handgeskrewe reëlmatige-uitdrukking-vervanging en 'n vasgekodeerde genoemde-entiteit-opsoektabel — geen derdeparty-enkoderingsbiblioteek, geen bediener-heen-en-weer nie. Vir dekodering van ongewone genoemde entiteite (soos &aacute; of &ldquo;) delegeer die nutsprogram na die blaaier se eie HTML-ontleder as 'n koste-vrye terugval.

  1. 1
    Reëlmatige uitdrukking skandeer vir karakters om te vervang
    By enkodering loop een van twee Unicode-bewuste reëlmatige uitdrukkings oor jou toevoer: 'n geteikende patroon wat ~25 algemene HTML-betekenisvolle en spesiale karakters dek, of 'n breër patroon wat elke kodepunt bo U+007F vang. Elke passing word karakter vir karakter onderskep.
  2. 2
    Opsoektabel of codePointAt() produseer die entiteit
    Vir genoemde-entiteit-uitset word passende karakters in 'n vasgekodeerde tabel opgesoek (bv. & → &amp;, © → &copy;). Vir desimale of heks-uitset kry String.codePointAt() die Unicode-kodepunt en formateer dit as &#NNN; of &#xNNN; — surrogaatpare word korrek hanteer omdat die reëlmatige uitdrukking die Unicode-'u'-vlag gebruik.
  3. 3
    Enkele-deurgang-reëlmatige-uitdrukking dekodeer entiteite terug na karakters
    By dekodering identifiseer een reëlmatige-uitdrukking-deurgang alle entiteit-tokens (&amp;, &#65;, &#x41;, ens.) en roeteer elkeen na die regte hanteerder: heks parseInt(grondtal 16), desimale Number(), genoemde-terug-opsoek, of — vir enige entiteit nie in die vasgekodeerde tabel nie — 'n teksarea-element wie se innerHTML die blaaier inheems ontleed, en die korrekte karakter uit die blaaier se ingeboude entiteitstabel teruggee.
  4. 4
    Resultaat verskyn oombliklik; kopieer na knipbord via Clipboard-API
    Uitset word sinchronies by elke sleutelaanslag via React useMemo herbereken. Kopiëring gebruik navigator.clipboard.writeText() — die moderne asinchrone Clipboard-API — met 'n stille vangs vir beperkte kontekste.

Verwante gereedskap

Gereelde vrae