¿Cuál es la forma correcta de decodificar una cadena que tiene entidades HTML especiales??

Mientras trabaja con HTML, es posible encontrar caracteres o símbolos especiales que se hayan codificado utilizando entidades HTML. Estas entidades comienzan con un ampersand "Y"Y terminan con un punto y coma";", como "<"Que indica el símbolo"<". Es importante excluir elementos/entidades HTML especiales de una cadena para verificar que la cadena final es segura de usar y no contiene ningún código ilegal que el navegador pueda ejecutar.

Esta publicación le hará saber la forma correcta de decodificar cadenas con entidades HTML especiales.

¿Cuál es la forma correcta de decodificar una cadena que tiene entidades HTML especiales??

Para decodificar una cadena que contenga entidades HTML especiales en ella, use los siguientes métodos:

• Elemento "TextARea"
• Método "parseFromString ()"

Método 1: decodifique una cadena que tenga entidades HTML especiales utilizando el elemento "TextAREA"

Use el HTML ""Elemento para decodificar una cadena que contiene entidades HTML especiales. Se necesita una cadena con entidades HTML especiales utilizando el "innerhtml" propiedad. El navegador decodifica automáticamente las entidades en TextARea y le da el simple texto plano. Para recuperar la cadena decodificada, use el "valor" propiedad.

Ejemplo

Crear una variable "encodrilladoQue almacena una cadena que contiene entidades HTML especiales en ella:

const encodedString = '';

Imprima la cadena codificada en la consola:

consola.log ("cadena codificada:" + encodedString);

Crear un elemento html "textea" utilizando el "createElement ()" método:

const textarea = documento.createElement ('TextArea');

Pase la cadena codificada a la textura usando el "innerhtml" propiedad:

textea.innerhtml = encodedString;

Ahora, obtenga la cadena decodificada usando el "valor"Atributo de TextARea y guárdelo en una variable"decodificado":

const decodedstring = textarea.valor;

Finalmente, muestre la cadena decodificada en la consola utilizando el "consola.registro()" método:

consola.log ("cadena decodificada:" + decodedString);

La salida indica que la cadena que contiene entidades HTML especiales ha sido decodificada con éxito:

El enfoque anterior es simple y claro, y es adecuado para escenarios simples. Si intenta manejar estructuras HTML complejas, fallará. Entonces, para eso, use el método "ParseFromString ()".

Método 2: decodifique una cadena que tenga entidades HTML especiales en ella utilizando el método "parsefromstring ()"

Otra forma de decodificar una cadena con entidades HTML especiales es la "parseFromString ()" método. Es un método preconstruido del "Domicilio" objeto. Ayuda a analizar una cadena XML o HTML y luego crear un nuevo objeto de documento DOM a partir de él.

Ejemplo

Primero, cree un nuevo objeto del "Domicilio" utilizando el "nuevoPalabra clave:

const parser = new DomParser ();

Llama a "parseFromString ()"Método y pasar los parámetros"cadena codificada"Como una estructura HTML compleja, y el"texto/html". Le dice al método para tratar la cadena codificada como HTML. Utilizar el "contenido del textoPropiedad del elemento del cuerpo para obtener la cadena decodificada:

const decodedstring = parser.Parsefromstring ('$ EncodedString ',' Text/Html ').cuerpo.contenido del texto;

Imprima la cadena decodificada en la consola:

consola.log ("cadena decodificada:" + decodedString);

Producción

Hemos proporcionado todas las instrucciones esenciales relevantes para decodificar una cadena con entidades HTML especiales.

Conclusión

Para decodificar una cadena que contenga entidades HTML especiales en ella, utilice el elemento HTML "textea" o el

"parseFromString ()"Método del"Domicilio" objeto. El enfoque es adecuado para escenarios simples, mientras que el método ParseFromString () es un enfoque más robusto y seguro que puede manejar estructuras HTML complejas. Se recomienda utilizar el método "parsefromstring ()" para decodificar una cadena que contiene entidades HTML. Esta publicación describió la forma correcta para decodificar cadenas con entidades HTML especiales.