Ingyenes HTML kódoló és dekódoló

Hogyan működik

A HTML-kódolás és -dekódolás itt teljesen a böngészőjében fut kézzel írt regex-helyettesítéssel és egy statikusan kódolt névesített-entitás keresőtáblázattal — nincs harmadik féltől származó kódoló könyvtár, nincs szerver-oda-vissza. Nem gyakori névesített entitások (mint á vagy “) dekódolásához az eszköz a böngésző saját HTML parserére delegál, mint nulla-költségű tartalékra.

1. 1
   Regex keresi a cserélendő karaktereket

   Kódoláskor két Unicode-tudatos regex egyike fut a bemeneten: egy célzott uzorak, amely kb. 25 gyakori HTML-jelentős és speciális karaktert fed le, vagy egy szélesebb uzorak, amely minden U+007F feletti kódpontot elkap. Minden találat karakterenként kerül elfogásra.
2. 2
   Keresőtáblázat vagy codePointAt() állítja elő az entitást

   Névesített-entitás kimenethez a megtalált karaktereket egy statikusan kódolt táblázatban keresik (pl. & → &, © → ©). Decimális vagy hex kimenethez a String.codePointAt() lekéri a Unicode kódpontot, és &#NNN; vagy &#xNNN; formára formázza — a surrogát párokat helyesen kezeli, mert a regex a Unicode 'u' jelzőt használja.
3. 3
   Egyetlen regex-átfutás dekódolja vissza az entitásokat karakterekké

   Dekódoláskor egy egyetlen regex-átfutás azonosít minden entitás-tokent (&, A, A stb.), és mindegyiket a megfelelő kezelőhöz irányítja: hex parseInt(16-os bázis), decimális Number(), névesített visszakeresés, vagy — bármely, a statikusan kódolt táblázatban nem szereplő entitáshoz — egy textarea elem, amelynek innerHTML-ét a böngésző natívan elemzi, visszaadva a helyes karaktert a böngésző beépített entitástáblázatából.
4. 4
   Az eredmény azonnal megjelenik; másolás a vágólapra a Clipboard API-n keresztül

   A kimenet szinkron módon minden billentyűleütésnél újraszámításra kerül a React useMemo-n keresztül. A másolás a navigator.clipboard.writeText()-et használja — a modern aszinkron Clipboard API-t —, csendes hibaelkapással korlátozott kontextusokhoz.

Kapcsolódó eszközök