Kuidas kodeerida erimärke HTML-olemitena?

Vali Kodeeri, kleebi oma tekst või HTML sisendisse ja Kodeeritud HTML väljund uueneb kirjutamise ajal. Vali Nimelised, Kümnend- või Kuueteistkümnendolemid ning kasuta siis Kopeeri. Loendur näitab, mitu märki kodeeriti.

Kuidas dekodeerida HTML-olemid tagasi tavaliseks tekstiks?

Lülita Dekodeeri peale ja kleebi tekst, mis sisaldab olemeid nagu & või A. Tööriist teeb nimelised, kümnend- ja kuueteistkümnendolemid tagasi märkideks ja näitab, mitu olemit dekodeeriti.

Kuidas kodeerida aktsendiga tähti, emotikone ja muid mitte-ASCII märke?

Lülita sisse Kodeeri kõik mitte-ASCII märgid. Iga märk väljaspool ASCII vahemikku teisendatakse siis valitud stiilis olemiks, mitte ainult tavalised erimärgid nagu nurksulud ja ampersandid.

Kas HTML-kodeerimisest piisab XSS-i vältimiseks?

Kasutaja teksti kodeerimine enne HTML-elemendi kehasse paigutamist takistab siltide käsitlemist märgistusena. See ei ole igas kontekstis täielik kaitse, näiteks skriptide või URL-ide puhul, seega kasuta ka oma raamistiku paomehhanismi.

Kas saan tulemust kontrollida, dekodeerides selle uuesti?

Jah. Kasuta nuppu Kasuta sisendina, et väljund sisendisse tõsta, ja lülita siis režiimi. Kodeeritud tulemuse dekodeerimine peaks andma tagasi sinu algse teksti.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida.

🏷️

HTML kodeerija ja dekodeerija tasuta

Kodeeri erimärgid HTML-olemiteks või dekodeeri olemid tagasi lihttekstiks. Koheselt, sinu brauseris.

Töötab sinu brauserisRegistreerimist pole, hüpikaknaid poleSisselogimist ei nõutaIgavesti tasuta

Töötab võrguühenduseta pärast laadimist

Väljund:Nimega (&)Kümnendlikud (&)HexKodeer kõik non-ASCII

Näited:

Lihttekst / HTML

Kodeeritud HTML

Väljund ilmub siia...

Levinud HTML olemite viide

©©

®®

™™

€€

——

……

Levinud kasutusviisid

Kodeerige sisu RSS voogedeksKodeerige HTML sisu RSS-i voolu üksuse kirjeldustele — nõutav RSS 2.0 standardi järgi.
Desinfitseeri kasutaja sisend HTML väljundileKodeerige kasutaja esitatud stringid enne nende HTML-isse sisestamist — vältida XSS süstimisrünnakuid.
Kodeerige spetsiaalsed märgid HTML e-postileKodeerige märgid nagu &, <, >, ja © kui HTML üksused, nii et nad renderdavad õigesti kõigis e-posti klientides.
Kodeerige kasutaja sisu veebi kuvamiseksTakistage XSS-i rünnak kodeerides kasutaja loodud sisu enne selle HTML lehtedele renderdamist.
Kodeerige sisu XML-ileKodeerige spetsiaalsed märgid XML failidele, RSS voogudele, saidi kaartidele ja SOAP koormadele.

Kuidas see töötab

HTML-i kodeerimine ja dekodeerimine töötab siin täielikult sinu brauseris, kasutades käsitsi kirjutatud regulaaravaldise asendust ja kõvakodeeritud nimeliste üksuste otsingutabelit — kolmanda osapoole kodeerimisteeki ega serveri ida-tagasit pole. Harilike nimeliste üksuste dekodeerimiseks (nagu á või “) delegeerib tööriist brauseri enda HTML-parserile kui nullkuluga tagavarale.

1
Regulaaravaldis skaneerib asendatavaid tähemärke
Kodeerimisel töötab su sisendi peal üks kahest Unicode-teadlikust regulaaravaldisest: sihitud muster, mis katab ~25 tavalist HTML-olulist ja erilist tähemärki, või laiem muster, mis püüab iga koodipunkti üle U+007F. Iga vaste püütakse tähemärk-tähemärgi kaupa.
2
Otsingutabel või codePointAt() toodab üksuse
Nimelise-üksuse väljundi jaoks otsitakse vasteid kõvakodeeritud tabelist (nt & → &, © → ©). Kümnendarvu või kuueteistkümnendarvu väljundi jaoks saab String.codePointAt() Unicode koodipunkti ja vormindab selle kui &#NNN; või &#xNNN; — asendajapaarid käsitletakse õigesti, sest regulaaravaldis kasutab Unicode 'u' lippu.
3
Üksik regulaaravaldise läbimine dekodeerib üksused tagasi tähemärkideks
Dekodeerimisel tuvastab üksik regulaaravaldise läbimine kõik üksusetokenid (&, A, A jne) ja suunab igaühe õigesse käsitlejasse: kuueteistkümnendparseInt (alus 16), kümnend Number(), nimeline vastupidine otsing, või — mis tahes üksuse jaoks, mis pole kõvakodeeritud tabelis — tekstiala element, mille innerHTML-i brauser parsib natiivselt, tagastades õige tähemärgi brauseri sisseehitatud üksustetabelist.
4
Tulemus ilmub koheselt; kopeeri lõikelauale Clipboard API abil
Väljund arvutatakse sünkroonselt uuesti iga klahvivajutusega React useMemo abil. Kopeerimine kasutab navigator.clipboard.writeText() — kaasaegset asünkroonset Clipboard API-t — vaikse püüdmisega piiratud kontekstides.