Qual é a maneira correta de decodificar uma string que contém entidades HTML especiais?

Qual E A Maneira Correta De Decodificar Uma String Que Contem Entidades Html Especiais



Ao trabalhar com HTML, é possível encontrar caracteres ou símbolos especiais que foram codificados usando entidades HTML. Essas entidades começam com um e comercial “ & ” e termine com um ponto e vírgula “ ; ', como ' < ” que indica o símbolo “ < ”. É importante excluir elementos/entidades HTML especiais de uma string para verificar se a string final é segura de usar e não contém nenhum código ilegal que o navegador possa executar.

Esta postagem permitirá que você saiba o caminho certo para decodificar strings com entidades HTML especiais.

Qual é a maneira correta de decodificar uma string que contém entidades HTML especiais?

Para decodificar uma string que contém entidades HTML especiais, use os seguintes métodos:





Método 1: decodificar uma string que contém entidades HTML especiais usando o elemento “textarea”

Use o HTML “ <área de texto> ” elemento para decodificar uma string que contém entidades HTML especiais. É preciso uma string com entidades HTML especiais usando o “ HTML interno ' propriedade. O navegador decodifica automaticamente as entidades na área de texto e fornece o texto simples simples. Para recuperar a string decodificada, use o botão “ valor ' propriedade.



Exemplo



Crie uma variável “ string codificada ” que armazena uma string contendo entidades HTML especiais:



const string codificada = '<div>Bem-vindo ao Linuxhint!</div>' ;

Imprima a string codificada no console:

console. registro ( 'String Codificada: ' + string codificada ) ;

Crie um elemento HTML “ área de texto ” usando o “ criarElemento() ” método:



const área de texto = documento. criarElemento ( 'área de texto' ) ;

Passe a string codificada para a área de texto usando o “ HTML interno ' propriedade:

textarea. HTML interno = string codificada ;

Agora, pegue a string decodificada usando o comando “ valor ” atributo da área de texto e armazená-lo em uma variável “ decodedString ”:

const decodedString = textarea. valor ;

Por fim, exiba a string decodificada no console usando o comando “ console.log() ” método:

console. registro ( 'String decodificada: ' + decodedString ) ;

A saída indica que a string contendo entidades HTML especiais foi decodificada com sucesso:

A abordagem acima é simples e clara e é adequada para cenários simples. Se você tentar lidar com estruturas HTML complexas, ele falhará. Então, para isso, use o método “parseFromString()”.

Método 2: decodificar uma string que contém entidades HTML especiais usando o método “parseFromString ()”

Outra maneira de decodificar uma string com entidades HTML especiais é o “ parseFromString() ” método. É um método pré-construído do “ DOMParser ”objeto. Isso ajuda a analisar uma string XML ou HTML e, em seguida, criar um novo objeto de documento DOM a partir dela.

Exemplo

Primeiro, crie um novo objeto do “ DOMParser ” usando o “ novo ” palavra-chave:

const analisador = novo DOMParser ( ) ;

Ligar para ' parseFromString() ” método e passar os parâmetros “ string codificada ” como uma estrutura HTML complexa, e o “ texto/html ”. Ele diz ao método para tratar a string codificada como HTML. Use o ' conteúdo de texto ” do elemento body para obter a string decodificada:

const decodedString = analisador. parseFromString ( ` tipo de documento html >< corpo > $ { string codificada } ` , 'texto/html' ) . corpo . conteúdo de texto ;

Imprima a string decodificada no console:

console. registro ( 'String decodificada: ' + decodedString ) ;

Saída

Fornecemos todas as instruções essenciais relevantes para decodificar uma string com entidades HTML especiais.

Conclusão

Para decodificar uma string que contém entidades HTML especiais, utilize o elemento HTML “ área de texto ' ou o

“ parseFromString() ” método do “ DOMParser ”objeto. A abordagem