Vés al contingut principal

Codificador i descodificador HTML de franc

Codifica caràcters especials a entitats HTML o descodifica entitats a text pla. Instantàniament, al teu navegador.

Funciona sense connexió un cop carregat
Sortida:
Exemples:
Text pla / HTML
HTML codificat
La sortida apareixerà aquí...
Referència d'entitats HTML habituals
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

Usos habituals

  • Codificació de contingut per a feeds RSSCodifiqueu contingut HTML per a descripcions d'elements RSS: requerit per l'estàndard RSS 2.0.
  • Desinfecteu l'entrada de l'usuari per a la sortida HTMLCodifiqueu cadenes proporcionades per l'usuari abans d'inserir-les a HTML: evita atacs XSS injection.
  • Codifica caràcters especials per a HTML de correu electrònicCodifica caràcters com &, <, >, i © com a entitats HTML perquè es renderitzin correctament en tots els clients de correu electrònic.
  • Codifica el contingut de l'usuari per a la visualització webEvita atacs XSS codificant el contingut generat per l'usuari abans de renderitzar-lo a les pàgines HTML.
  • Codifica el contingut per a XMLCodifica caràcters especials per a fitxers XML, feeds RSS, sitemaps i càrregues SOAP.

Com funciona

La codificació i descodificació HTML aquí s'executa completament al teu navegador utilitzant reemplaçament d'expressions regulars escrit a mà i una taula de consulta d'entitats amb nom codificada — sense biblioteca de codificació de tercers, sense anada i tornada al servidor. Per descodificar entitats amb nom poc comunes (com &aacute; o &ldquo;), l'eina delega al propi analitzador HTML del navegador com a alternativa sense cost.

  1. 1
    L'expressió regular escaneja caràcters per reemplaçar
    En codificar, s'executa una de dues expressions regulars conscients d'Unicode sobre la teva entrada: un patró dirigit que cobreix ~25 caràcters comuns significatius per a HTML i especials, o un patró més ampli que captura cada punt de codi per sobre de U+007F. Cada coincidència s'intercepta caràcter per caràcter.
  2. 2
    La taula de consulta o codePointAt() produeix l'entitat
    Per a la sortida d'entitat amb nom, els caràcters coincidents es busquen en una taula codificada (per exemple, & → &amp;, © → &copy;). Per a sortida decimal o hexadecimal, String.codePointAt() obté el punt de codi Unicode i el formata com &#NNN; o &#xNNN; — els parells substituts es gestionen correctament perquè l'expressió regular utilitza l'indicador Unicode 'u'.
  3. 3
    Un sol pas d'expressió regular descodifica les entitats de nou a caràcters
    En descodificar, un sol pas d'expressió regular identifica tots els tokens d'entitat (&amp;, &#65;, &#x41;, etc.) i encamina cadascun al gestor correcte: parseInt en base 16, Number() decimal, cerca inversa amb nom, o — per a qualsevol entitat que no estigui a la taula codificada — un element textarea l'innerHTML del qual el navegador analitza nativament, retornant el caràcter correcte des de la taula d'entitats integrada del navegador.
  4. 4
    El resultat apareix a l'instant; es copia al porta-retalls via l'API Clipboard
    La sortida es torna a calcular síncronament a cada pulsació via el useMemo de React. Copiar utilitza navigator.clipboard.writeText() — l'API Clipboard asíncrona moderna — amb una captura silenciosa per a contextos restringits.

Eines relacionades

Preguntes freqüents