Fara beint í aðalefni
LibraTool logoLibraTool

HTML kóðari og afkóðari — ókeypis

Kóðaðu sértákn í HTML einingar eða afkóðaðu einingar aftur í venjulegan texta. Samstundis, í vafranum þínum.

Virkar án nettengingar eftir hleðslu
Úttak:
Dæmi:
Venjulegur texti / HTML
Kóðað HTML
Úttak birtist hér...
Tilvísun í algengar HTML-einingar
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Algeng notkun

  • Kóðaðu efni fyrir RSS streymiKóðaðu HTML efni fyrir RSS streymi atriðis lýsingu — nauðsynlegt af RSS 2.0 stöðlunum.
  • Hreinsa notanda innslit fyrir HTML úttakKóðaðu notandi veitt strengi áður en þú setja þá inn í HTML — kemur í veg fyrir XSS innspýting árásir.
  • Kóðaðu sérstafa fyrir HTML tölvupóstKóðaðu stafi eins og &, <, >, og © sem HTML aðila svo þeir birtist rétt í öllum tölvupóstforriti.
  • Kóðaðu notandaefni fyrir vefbirtingKembaðu XSS árásum með því að kóða gögn sem notendur búa til áður en birting í HTML síðum.
  • Kóðaðu efni fyrir XMLKóðaðu sérstafi fyrir XML skrár, RSS streymi, vefsíðukerfi og SOAP hleðslur.

Hvernig það virkar

HTML-kóðun og afkóðun hér keyrir alfarið í vafranum þínum með handskrifaðri regex-uppskiptingu og fastri nefndra-eininga uppflettitöflu — ekkert þriðja-aðila kóðunarbókasafn, engin netþjónsferð. Til að afkóða óvenjulegar nefndar einingar (eins og &aacute; eða &ldquo;) framselur tólið til eigin HTML-þáttara vafrans sem kostnaðarlaust varafall.

  1. 1
    Regex skannar fyrir stöfum til að skipta út
    Við kóðun keyrir annað af tveimur Unicode-vituðum regex-um yfir inntakið þitt: markvisst mynstur sem nær yfir ~25 algenga HTML-mikilvæga og sértáka stafi, eða breiðara mynstur sem grípur hvern kóðapunkt yfir U+007F. Sérhver samsvörun er hlerúð staf fyrir staf.
  2. 2
    Uppflettitafla eða codePointAt() framleiðir eininguna
    Fyrir nefndra-eininga úttak eru samsvarandi stafir flettir upp í fastri töflu (t.d. & → &amp;, © → &copy;). Fyrir tugatal- eða hex-úttak fær String.codePointAt() Unicode-kóðapunktinn og mótar hann sem &#NNN; eða &#xNNN; — staðgengil-pör eru meðhöndluð rétt því regex-ið notar Unicode 'u' merkið.
  3. 3
    Ein-lotu regex afkóðar einingar aftur í stafi
    Við afkóðun auðkennir ein regex-lota alla einingatákn (&amp;, &#65;, &#x41;, o.s.frv.) og beinir hverjum til rétta meðhöndlarans: hex parseInt(grunnur 16), tugatal Number(), nefndra-öfug-uppfletting, eða — fyrir hvaða einingu sem er ekki í föstu töflunni — textareitselement sem innerHTML þess vafrinn þáttar native, sem skilar rétta stafnum úr innbyggðu einingartöflu vafrans.
  4. 4
    Niðurstaða birtist samstundis; afritaðu á klippiborðið með Clipboard API
    Úttak er endurreiknað samstillt við hvert lykilslag með React useMemo. Afritun notar navigator.clipboard.writeText() — nútíma ósamstillt Clipboard API — með þöglum grip fyrir takmörkuð samhengi.

Tengd verkfæri

Algengar spurningar