Joan eduki nagusira
LibraTool logoLibraTool

HTML Kodetzailea eta Deskodetzailea doan

Kodetu karaktere bereziak HTML entitate bihurtu edo deskodetu entitateak testu arruntean. Berehalakoa, zure nabigatzailean.

Linez kanpo funtzionatzen du behin kargatuta
Irteera:
Adibideak:
Testu soila / HTML
Kodetutako HTML
Irteera hemen agertuko da...
HTML entitate arrunt erreferentzia
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Ohiko erabilerak

  • Kodetatu Edukia RSS JarioetarakoKodetatu HTML edukia RSS jario elementu deskribapenetarako — RSS 2.0 arabiaranen beharrezkoa.
  • Garbitu Erabiltzailearen Sarrera HTML AteraKodetatu erabiltzailearen sartutaketa kateak aurretik HTML-an sartu — saihestea XSS injekzio erasoak.
  • Kodetako Ezohiko Karaktereak HTML PostrakoKodetako karaktereak hala nola &, <, >, eta © HTML entitate gisa behar diren guztietako posta-bezeroak.
  • Kodetu Erabiltzaile-edukia Webu BistaratzerakoEten XSS erasoak erabiltzaile-sortutako edukia enkriptatzean HTML orrietan erakutsi aurretik.
  • Kodetu Edukia XML-erakoKodetako ezohiko karaktereak XML fitxategientzat, RSS jarioak, sitemapak eta SOAP garraiakritik.

Nola Funtzionatzen Du

HTML kodeketa eta dekodeketa hemen erabat zure nabigatzailean funtzionatzen dute eskuz idatzitako erregex ordezkapena eta kode gogorreko izendun-entitateen bilaketa-taula erabiliz — hirugarrenen kodeketa-liburutegirik ez, zerbitzari-joan-etorririk ez. Entitate izendun ez-ohikoak dekodetzeko (&aacute; edo &ldquo; bezalakoak), tresnak nabigatzailearen berezko HTML analizatzaileari eskuordetzen dio kostu-gabeko atzerapen gisa.

  1. 1
    Erregexek ordezkatu beharreko karaktereak eskaneatzen ditu
    Kodetzean, bi Unicode-jakitun erregex-etako batek zure sarrera zeharkatzen du: HTML-esanguratsu eta karaktere berezi ohikoez ~25 batzuk hartzen dituen eredu zuzendu bat, edo U+007F gaindiko kode-puntu guztiak harrapatzen dituen eredu zabalago bat. Bat-etortze bakoitza karaktere bakoitza harrapatzen da.
  2. 2
    Bilaketa-taulak edo codePointAt()-ek entitatea sortzen du
    Izendun-entitate irteerarako, harrapatutako karaktereak kode gogorreko taula batean bilatzen dira (adib. & → &amp;, © → &copy;). Dezimal edo hamaseitar irteerarako, String.codePointAt()-ek Unicode kode-puntua eskuratzen du eta &#NNN; edo &#xNNN; gisa formateatzen du — ordezko bikoteak zuzen kudeatzen dira erregexek Unicode 'u' bandera erabiltzen duelako.
  3. 3
    Pasada bakarreko erregex-ak entitateak berriz karakteretara dekodetzen ditu
    Dekodetzean, erregex pasada bakar batek entitate-token guztiak identifikatzen ditu (&amp;, &#65;, &#x41;, e.a.) eta bakoitza kudeatzaile zuzenera bideratzen du: hamaseitar parseInt (16 oinarrian), dezimal Number(), izendun alderantzizko bilaketa, edo — kode gogorreko taulan ez dagoen edozein entitaterentzat — nabigatzaileak berez analizatzen duen innerHTML duen textarea elementu bat, nabigatzailearen barneko entitate-taulatik karaktere zuzena itzultzen duena.
  4. 4
    Emaitza berehala agertzen da; kopiatu arbelera Clipboard API bidez
    Irteera sinkronoki berriz kalkulatzen da teklatze-sakada bakoitzean React useMemo bidez. Kopiatzeak navigator.clipboard.writeText() erabiltzen du — Clipboard API asinkrono modernoa — harrapaketa isil batekin murriztutako testuinguruetarako.

Erlazionatutako tresnak

Maiz egiten diren galderak