Ejemplo JavaScript: Codificar y Descodificar entidades HTML

Ejemplo de código fuente en JavaScript, en el cual podemos ver cómo codificar y descodificar entidades HTML, ya que nos puede ser bastante útil para cuando tenemos que usar dichas entidades  en determinadas partes de nuestra web, y usar otro tipo de codificación de caracteres diferente.

Descripción del ejemplo

Como a veces, a la hora de maquetar o diseñar nuestra web, nos hace falta usar una codificación de caracteres especiales, los cuales pueden ser utilizados por el mismo lenguaje HTML y por tanto están reservados, o queremos usar un lenguaje diferente, con caracteres propios como por ejemplo: 序, 高, ñ, ç, á, ¡, ¿,…, si nuestra página necesita tener o viene con una codificación o charset diferente, o incluso nuestra base de datos, viene codificada con un cotejamiento distinto, pues necesitamos incluir diversas entidades HTML, que sustituyan a ese caracter o caracteres, y después “traducirlo” y que se muestre en nuestra página.

Pues bien, mediante este ejemplo, podremos codificar o descodificar mediante javascript, la cadena que le indiquemos si nos hiciera falta, mediante 2 métodos muy sencillos que veremos a continuación.

Código

Codificar Entidad

//Metodo Encode
function codificarEntidad(str) {
  var array = [];
  for (var i=str.length-1;i>=0;i--) {
    array.unshift(['&#', str[i].charCodeAt(), ';'].join(''));
  }
  return array.join('');
}

Descodificar Entidad

//Metodo Decode
function descodificarEntidad(str) {
  return str.replace(/&#(\d+);/g, function(match, dec) {
    return String.fromCharCode(dec);
  });
}