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

Cual Es La Forma Correcta De Decodificar Una Cadena Que Tiene Entidades Html Especiales



Al trabajar con HTML, es posible encontrar caracteres o símbolos especiales que se han codificado mediante entidades HTML. Estas entidades comienzan con un ampersand ' & ” y terminar 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 sea segura de usar y no contenga código ilegal que el navegador pueda ejecutar.

Esta publicación le permitirá conocer 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 contiene entidades HTML especiales, use los siguientes métodos:





Método 1: decodificar una cadena que tiene entidades HTML especiales usando el elemento 'área de texto'

Utilice el HTML “ <área de texto> ” elemento para decodificar una cadena que contiene entidades HTML especiales. Toma una cadena con entidades HTML especiales usando el ' HTML interno ' propiedad. El navegador decodifica automáticamente las entidades en el área de texto y proporciona el texto sin formato simple. Para recuperar la cadena decodificada, use el ' valor ' propiedad.



Ejemplo



Crear una variable “ cadena codificada ” que almacena una cadena que contiene entidades HTML especiales:



constante cadena codificada = '<div>¡Bienvenido a Linuxhint!</div>' ;

Imprima la cadena codificada en la consola:

consola. registro ( 'Cadena codificada:' + cadena codificada ) ;

Crear un elemento HTML “ área de texto ' utilizando el ' crearElemento() ' método:



constante área de texto = documento. crearElemento ( 'área de texto' ) ;

Pase la cadena codificada al área de texto usando el ' HTML interno ' propiedad:

área de texto HTML interno = cadena codificada ;

Ahora, obtenga la cadena decodificada usando el ' valor ” atributo del área de texto y almacenarlo en una variable “ cadena decodificada ”:

constante cadena decodificada = área de texto valor ;

Finalmente, muestre la cadena decodificada en la consola usando el ' consola.log() ' método:

consola. registro ( 'Cadena decodificada:' + cadena decodificada ) ;

El resultado indica que la cadena que contiene entidades HTML especiales se ha decodificado correctamente:

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: decodificar una cadena que tiene entidades HTML especiales usando el método “parseFromString()”

Otra forma de decodificar una cadena con entidades HTML especiales es el ' analizarFromString() ' método. Es un método preconstruido del “ DOMParser ' objeto. Ayuda a analizar una cadena XML o HTML y luego crear un nuevo objeto de documento DOM a partir de ella.

Ejemplo

Primero, cree un nuevo objeto del “ DOMParser ' utilizando el ' nuevo palabra clave:

constante analizador = nuevo DOMParser ( ) ;

Llama a ' analizarFromString() 'método y pasar los parámetros' cadena codificada ” como una estructura HTML compleja, y el “ texto/html ”. Le dice al método que trate la cadena codificada como HTML. Utilizar el ' contenido del texto ” propiedad del elemento del cuerpo para obtener la cadena decodificada:

constante cadena decodificada = analizador parseFromString ( ` tipo de documento html >< cuerpo > $ { cadena codificada } ` , 'texto/html' ) . cuerpo . contenido del texto ;

Imprima la cadena decodificada en la consola:

consola. registro ( 'Cadena decodificada:' + cadena decodificada ) ;

Producción

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

Conclusión

Para decodificar una cadena que contiene entidades HTML especiales, utilice el elemento HTML ' área de texto ' o el

“ analizarFromString() ” método de la “ DOMParser ' objeto. El enfoque