acento.io
Textverktyg

HTML entity-omvandlare

Koda och avkoda HTML-entiteter utan att data lämnar din webbläsare – snabbt, privat och utan uppladdningar.

Av Carlos Suárez , Systemingenjör
Senast uppdaterad:

Vad HTML entity-omvandlare gör

HTML-entiteter är en grundläggande del av webbutveckling. Tecken som <, >, & och " har särskild betydelse i HTML och måste ersättas med sin entitetsform för att visas korrekt i webbläsaren. Den här omvandlaren hanterar namngivna entiteter som &amp;, &copy; och &nbsp;, samt decimala (&#160;) och hexadecimala (&#xA0;) format. Notera att ISO 8859-1 (Latin-1) täcker de svenska specialtecknen å, ä och ö och används fortfarande i äldre svenska system – ett vanligt skäl att koda icke-ASCII-tecken som numeriska entiteter. Med alternativet "Koda alla icke-ASCII-tecken" kan du hantera just den situationen. 100 % klientbaserat – dina data lämnar aldrig din webbläsare. Inga uppladdningar, ingen spårning, inga serverloggar.

Funktioner

  • Kodning av specialtecken. Escapar &, <, >, " och ' till korrekt entitetsform. Förhindrar XSS och felaktig HTML-parsning.
  • Avkodning av alla entitetsformat. Hanterar namngivna entiteter (&amp;, &copy;), decimala (&#169;) och hexadecimala (&#xA9;) i ett enda steg.
  • Koda alla icke-ASCII-tecken. Aktivera det här alternativet för att omvandla å, ä, ö och andra Unicode-tecken till numeriska entiteter – användbart för äldre e-postklienter och system som inte hanterar UTF-8 fullt ut.
  • Omedelbar kopiering. Resultatet kopieras till urklipp med ett klick. Inga extra steg, inget manuellt markera text.
  • Klar om HTML5-begränsningar. Verktyget täcker de vanligaste namngivna entiteterna och samtliga numeriska. Det fullständiga HTML5-registret med ~2 000 entiteter är sällan nödvändigt och skulle bara göra paketet tungt. Om du behöver jämföra text med avvikelser kan [text diff](/sv/text-diff/) vara ett bra komplement.

Så här använder du HTML entity-omvandlare

Klistra in din text eller ditt HTML-innehåll i inmatningsfältet, välj läge och klicka på knappen.

  1. Välj läge. Välj Koda om du vill escapar specialtecken, eller Avkoda om du har entiteter du vill omvandla till läsbar text.
  2. Klistra in innehållet. Ange din text i rutan. Exempel på indata för kodning: <p>Café & jalapeño</p> ger &lt;p&gt;Caf&eacute; &amp; jalape&ntilde;o&lt;/p&gt;.
  3. Aktivera icke-ASCII vid behov. Markera "Koda alla icke-ASCII-tecken" om du vill att å, ä, ö och liknande ska bli numeriska entiteter som &#229;, &#228; och &#246;.
  4. Kopiera resultatet. Klicka på Kopiera så hamnar resultatet direkt i urklipp, redo att klistras in i din editor eller mall.

Vanliga användningsområden

  • Inbäddning av användartext i HTML-mallar. Innan du sätter in ett formulärsvar i HTML bör det alltid kodas. Annars kan en användare injicera taggar som förändrar sidans struktur eller beteende.
  • Extrahera ren text från skrapad HTML. När du hämtar HTML via fetch och behöver läsbar text avkodar verktyget entiteterna snabbt, utan att du behöver en parser-lib. För att rensa dubbletter i resultatet är [remove duplicates](/sv/remove-duplicates/) ett smidigt nästa steg.
  • Teknisk dokumentation med kodexempel. Att visa HTML-markup i en artikel eller README kräver att taggarna är escapade. Annars tolkar webbläsaren dem som riktig HTML.
  • E-postmallar. Många e-postklienter hanterar Unicode bristfälligt. Att koda icke-ASCII-tecken som numeriska entiteter ökar kompatibiliteten i transaktionella mail.
  • Felsökning av parsade feeds. RSS och Atom-feeds bäddar ofta in HTML-entiteter. Att avkoda dem manuellt för att kontrollera innehållet är ett vanligt felsökningssteg.

Vanliga frågor

Skickas min text till en server?

Nej. All bearbetning sker lokalt i din webbläsare med JavaScript. Ingen data skickas någonstans, och det finns inga serverloggar att oroa sig för. Det gäller oavsett om du kodar känsliga HTML-templates eller interna dokument.

Varför måste & kodas men inte alla Unicode-tecken?

Tecknen &, <, >, " och ' är syntaktiskt reserverade i HTML och måste alltid escapas. Övriga Unicode-tecken är tekniskt tillåtna i UTF-8-dokument, men i äldre system eller e-postklienter kan de orsaka problem – då är numeriska entiteter säkrare.

Fungerar &apos; i alla webbläsare?

&apos; är definierad i XHTML och HTML5, men stöds inte i HTML4. För maximal kompatibilitet används &#39; i stället, vilket verktyget genererar som standard.

Vad händer om en entitet saknar semikolon?

Webbläsare är ofta förlåtande och tolkar &amp utan avslutande semikolon korrekt, men specifikationen kräver det. Kod som saknar semikolon kan ge oväntade resultat i striktare parsers – till exempel vid behandling av Cloudbleed-typen av buggar där parsern felbedömde tokengränser.

Stöds svenska tecken som å, ä och ö?

Ja. Aktivera "Koda alla icke-ASCII-tecken" så kodas å som &#229;, ä som &#228; och ö som &#246;. Det är särskilt relevant i miljöer som fortfarande använder ISO 8859-1 (Latin-1), vilket är vanligt i äldre svenska system. Post- och telestyrelsens krav på IDN-stöd under .se gör att dessa tecken också förekommer i URL-sammanhang – för det ändamålet är [URL-slug-generator](/sv/slugify/) ett bättre val.

Vad är skillnaden mellan decimala och hexadecimala entiteter?

Båda pekar på samma Unicode-kodpunkt men skrivs olika. &#160; är decimal och &#xA0; är hexadecimal – båda representerar ett hårt mellanslag (U+00A0). Verktyget avkodar båda formaten och du kan se resultatet sida vid sida med den ursprungliga texten med hjälp av [text diff](/sv/text-diff/).