Hur kodar jag specialtecken som HTML-entiteter?

Välj Koda, klistra in din text eller HTML i indata, så uppdateras utdata Kodad HTML medan du skriver. Välj Namngivna, Decimala eller Hex-entiteter och använd sedan Kopiera. En räknare visar hur många tecken som kodades.

Hur avkodar jag HTML-entiteter tillbaka till vanlig text?

Växla till Avkoda och klistra in text som innehåller entiteter som & eller A. Verktyget gör om namngivna, decimala och hex-entiteter till tecken och visar hur många entiteter som avkodades.

Hur kodar jag accentbokstäver, emoji och andra icke-ASCII-tecken?

Slå på Koda alla icke-ASCII. Varje tecken ovanför ASCII-intervallet konverteras då till en entitet i den stil du valt, i stället för bara de vanliga specialtecknen som vinkelparenteser och et-tecken.

Räcker HTML-kodning för att förhindra XSS?

Att koda användartext innan den placeras i ett HTML-elements innehåll hindrar att taggar behandlas som markup. Det är inte ett fullständigt skydd i alla sammanhang, till exempel skript eller URL:er, så använd även ditt ramverks escaping.

Kan jag kontrollera mitt resultat genom att avkoda det igen?

Ja. Använd knappen Använd som indata för att flytta utdata till indata och växla sedan läge. Att avkoda det kodade resultatet bör ge tillbaka din ursprungliga text.

Är det verkligen gratis?

Ja. Alla verktyg är gratis att använda, utan konto och utan kreditkort. Arbetet utförs på din enhet istället för på våra servrar, vilket är det som gör det gratis att köra.

Fungerar det på mobil?

Ja. Det fungerar i moderna mobilwebbläsare på iOS och Android, utan installation.

🏷️

Gratis HTML-kodare och avkodare

Koda specialtecken till HTML-entiteter eller avkoda entiteter tillbaka till klartext. Direkt, i din webbläsare.

Körs i din webbläsareIngen registrering, inga popup-fönsterIngen inloggning krävsGratis för alltid

Fungerar offline när den väl lästs in

Utdata:Namngivna entiteter (&)Decimala (&)HexKoda alla icke-ASCII

Exempel:

Oformaterad text / HTML

Kodad HTML

Utdata visas här...

Vanliga HTML-entiteter — referens

©©

®®

™™

€€

——

……

Vanliga användningar

Koda innehål för RSS-flödenKoda HTML-innehål för RSS-flödets objektbeskrivningar - krävs av RSS 2.0-standarden.
Rensa användarinmatning för HTML-utmatningKoda användarförvisade strängar innan du infogar dem i HTML - förhindra XSS-injektionsattacker.
Koda specialtecken för HTML-e-postKoda tecken som &, <, > och © som HTML-enheter så de återges korrekt i alla e-postklienter.
Koda användarinnehål för webbvisningFörhindra XSS-attacker genom att koda användargenerat innehål innan det återges på HTML-sidor.
Koda innehål för XMLKoda specialtecken för XML-filer, RSS-flöden, sitemaps och SOAP-nyttolaster.

Så här fungerar det

HTML-kodning och avkodning här körs helt i din webbläsare med handskriven regex-ersättning och en hårdkodad uppslagstabell för namngivna entiteter — inget tredjeparts kodningsbibliotek, ingen serverrundtur. Vid avkodning av ovanliga namngivna entiteter (som á eller “) delegerar verktyget till webbläsarens egen HTML-tolk som en kostnadsfri reservlösning.

1
Regex skannar efter tecken att ersätta
Vid kodning körs ett av två Unicode-medvetna reguljära uttryck över din indata: ett riktat mönster som täcker cirka 25 vanliga HTML-betydelsefulla och specialtecken, eller ett bredare mönster som fångar varje kodpunkt över U+007F. Varje träff avlyssnas tecken för tecken.
2
Uppslagstabell eller codePointAt() skapar entiteten
För utdata med namngivna entiteter slås matchade tecken upp i en hårdkodad tabell (t.ex. & → &, © → ©). För decimal- eller hexadecimal utdata hämtar String.codePointAt() Unicode-kodpunkten och formaterar den som &#NNN; eller &#xNNN; — surrogatpar hanteras korrekt eftersom regex använder Unicode-flaggan 'u'.
3
En enda regex-genomgång avkodar entiteter tillbaka till tecken
Vid avkodning identifierar en enda regex-genomgång alla entitetstecken (&, A, A, osv.) och dirigerar var och en till rätt hanterare: hexadecimal parseInt(bas 16), decimal Number(), namngiven omvänd uppslagning, eller — för alla entiteter som inte finns i den hårdkodade tabellen — ett textarea-element vars innerHTML webbläsaren tolkar inbyggt, vilket returnerar rätt tecken från webbläsarens inbyggda entitetstabell.
4
Resultatet visas direkt; kopiera till urklipp via Clipboard API
Utdatan räknas om synkront vid varje tangenttryckning via React useMemo. Kopiering använder navigator.clipboard.writeText() — det moderna asynkrona Clipboard API:et — med en tyst felhantering för begränsade sammanhang.