← Tillbaka till funktioner
Free

HTML-entitetskodning

HTML Entity Encoder konverterar specialtecken (< > & " ') till deras motsvarande HTML-entiteter (&lt; &gt; &amp; &quot; &#39;) och tillbaka. Oumbärligt för att säkert visa användargenererat innehåll, bädda in kod i dokumentation eller förhindra XSS när du visar användarinmatning.

När du behöver visa HTML-taggar som text, bädda in kodsnuttar på en sida eller visa användarinskickat innehåll på ett säkert sätt är HTML-entitetskodning svaret. Det här verktyget erbjuder direkt konvertering i båda riktningarna. Kodning ersätter speciella HTML-tecken med motsvarande entiteter så att webbläsaren visar dem bokstavligt istället för att tolka dem som markering. Avkodning gör processen baklänges. Verktyget hanterar de fem grundläggande XML-entiteterna samt numeriska entitetsreferenser (&#NN; och &#xHH;) så att du kan arbeta med allt kodat innehåll. Konvertering i realtid innebär att utdata visas medan du skriver, och en växlingsknapp byter plats på indata och utdata för snabb verifiering i båda riktningarna.

Live-förhandsvisning
example.com
HTML-entitetskodare Koda Avkoda
Inmatning
<div class="box">Hello & welcome!</div>
Kodad utmatning
&lt;div class=&quot;box&quot;&gt;Hello &amp; welcome!&lt;/div&gt;
&lt; &gt; &amp; &quot; &#39;
Huvudfunktioner

Koda specialtecken

Konverterar < > & " ' till &lt; &gt; &amp; &quot; &#39; — de fem reserverade HTML-tecknen som behöver kodas för att visas som text.

Avkoda entitetsreferenser

Avkodar både namngivna (&amp; &lt; &nbsp;) och numeriska (&#60; &#x3C;) entitetsreferenser tillbaka till sina ursprungliga tecken.

Kopiera med ett klick

Kopiera det kodade eller avkodade resultatet med ett enda klick. Flytta utdata direkt in i din HTML, dokumentation eller källkod.

Konvertering i realtid

Utdata uppdateras live medan du skriver. Ingen kodningsknapp att klicka på — se resultatet direkt för snabb iteration.

Hanterar numeriska entiteter

Stöder decimala (&#65;) och hexadecimala (&#x41;) numeriska referenser samt namngivna entiteter som &amp;nbsp;, &amp;copy;, &amp;trade;.

Verifiering i båda riktningarna

Koda och avkoda sedan resultatet för att bekräfta att utdata matchar originalet — ett snabbt sätt att verifiera att du hanterar innehållet säkert.

Vanliga användningsområden

Bädda in kod i dokumentation

För att visa HTML-taggar som ren text på en markdown- eller HTML-sida, koda specialtecknen — då renderas kodexemplet inte längre av misstag som markering.

Förhindra XSS

Innan du skriver ut användarinmatning på en sida, koda HTML-entiteterna för att neutralisera <script>-taggar och andra injektionsvektorer.

Felsöka felaktig HTML

Avkoda entitetsreferenser i misstänkt utdata för att se vilka tecken som faktiskt producerades — hjälper till att hitta escape-relaterade buggar.

Innehållsmigrering

Konvertera HTML med entiteter från ett system (ett CMS, en e-postmall) till ren text för ett annat (ett databasfält, ett textbaserat e-postmeddelande).

Säkerhet för tooltips och attribut

Koda innehåll innan det infogas i HTML-attribut (title="...", data-*) så att citattecken och specialtecken inte förstör attributet.

Hur man använder
1

Öppna HTML-entitetsverktyget

Klicka på HTML-entitetsikonen i DevSuite Pro-dockan. En redigeringspanel öppnas med Koda- och Avkoda-växlar.

2

Klistra in din HTML eller text

Klistra in strängen du vill koda (rå HTML som ska visas som text) eller avkoda (entitetsfyllt innehåll som ska renderas).

3

Välj läge

Välj Koda för att konvertera specialtecken till entiteter, eller Avkoda för att konvertera entiteter tillbaka till sina råa tecken.

4

Läs resultatet

Kodad eller avkodad utdata visas direkt i den intilliggande panelen — lång indata går att bläddra i och radbryts som standard.

5

Kopiera resultatet

Klicka på Kopiera för att hämta utdata. Klistra in det i din dokumentation, kodexempel eller användarvända sida för säker rendering.

Redo att prova?

Installera DevSuite Pro gratis och lås upp 64+ utvecklarverktyg för din webbläsare.

Lägg till i Chrome Lägg till i Edge Lägg till i FireFox