6

Estoy usando la librería autocomplete de JQuery. Actualmente tengo una función que decodifica entidades HTML de tipo numérica -> Ñ, pero lo que no sé es cómo integrar a la función entidades de este tipo -> &.

Mi función:

function decodificarEntidadesHTMLNumericas(texto) {
    return texto.replace(/&#(\d{1,8});/g, function(m, ascii) {
        return String.fromCharCode(ascii);
    });
}

No sé cómo integrar la expresión regular para que decodifique ambos casos.

3 respuestas 3

5

Se puede realizar de 2 formas:

  1. Utilizando el DOM, y creando un textarea que usamos para que el navegador se encargue de todo. Tiene como ventaja que permite decodificar todos los casos:

    function decodificarEntidadesHTML(html) {
        var texto = document.createElement("textarea");
        texto.innerHTML = html;
        return texto.value;
    }
    


    O, el mismo código, pero evitando crear el textarea una y otra vez:

    decodificarEntidadesHTML = (function(html) {
        var texto;
        return function(html){
            texto = texto || document.createElement("textarea");
            texto.innerHTML = html;
            return texto.value;
        }
    })();
    


  1. Editar la función sólo para reemplazar los casos que te interese. Tiene como ventaja que se realiza directo con una función, no necesita ser ejecutado en un navegador, y se evita estar creando elementos en el DOM. Como desventaja, que no cubre todos los casos, o que sería tedioso incorporar la lista completa de entidades en la función:

    function decodificarEntidadesHTML(texto) {
        return texto.replace(/&(?:#(?:(\d{1,8})|x([a-z0-9]{1,8}))|(\w+));/gi, function(m, ascii, hex, entidad) {
            if (entidad) {
                switch (entidad) {
                    case "amp":
                        return "&";
                    case "aacute":
                        return "á";
                    //agregar otros...
                    default:
                        return "&" + entidad + ";";
                }
            } else {
                var dec = parseInt(ascii,10) || parseInt(hex,16);
                return String.fromCharCode(dec);
            }
        });
    }
    
1
  • perfecto gracias amigo
    – Ivxn
    Commented el 24 nov. 2016 a las 20:15
4

Respuesta tomada de https://stackoverflow.com/a/3700369/1845602

 function decode(str) {
   var elem = document.createElement('textarea');
   elem.innerHTML = str;
   return elem.value;
 }
 console.log(decode("&Ñ"))

Recomiendan usar un textarea en lugar de un div para mitigar vulnerabilidades de XSS.

4

Usando jQuery:

function decodificarEntidadesHTML (texto) {
  return $('<textarea \>').html(texto).text();
}

Ejemplo de uso:

function decodificarEntidadesHTML (texto) {
  return $('<textarea \>').html(texto).text();
}

// 
$('#entrada').val('Bonnie<b>&amp;</b>Cliet');

$('#traducir').on('click', function(){
  var resultado = decodificarEntidadesHTML($('#entrada').val());
  $('#resultado').text(resultado);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Traducir: <textarea id="entrada"></textarea><br/>
<button type="button" id="traducir">Traducir</button><br/>
Traducción: <div id="resultado" style="display: inline"></div>

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.