HTML source field is also changing html code into escaped characters

Question

I have a HTML source field and a markup text field. What HTML I write and submit according to that the markup field changes. When I reopen the html field area it just gives the HTML source code of that markup field. Now the issue is, for every thing else except some escaped characters it is giving the correct html. But for escaped characters it is not working properly. e.g.: for a white space source field is returning <p>&nbsp</p>

So is there any in-built function in JS that returns the HTML part for escaped characters from a string?

I even tried this:

function multiLineHtmlEncode(value) {
    var lines = value.split(/\r\n|\r|\n/);
    for (var i = 0; i < lines.length; i++) {
        lines[i] = htmlEncode(lines[i]);
    }
    return lines.join('\r\n');
}

function htmlEncode(value) {
    return jQuery('<div/>').text(value).html(); 
}

but not working.

score 0 · Answer 1 · edited May 23 '17 at 12:29

Not sure I totally understand what you're saying, but try this to use the htmlEncode function as defined like this:

function htmlEncode(value){
  //create a in-memory div, set it's inner text(which jQuery automatically encodes)
  //then grab the encoded contents back out.  The div never exists on the page.
  return $('<div/>').text(value).html();
}

From HTML-encoding lost when attribute read from input field

score 0 · Answer 2 · answered Sep 02 '13 at 08:32

If I understand you correctly, try calling htmlEncode() twice on the data:

But htmlEncode(htmlEncode("©")) will return &copy; which the browser will render as literally ©, giving you the actual HTML source, suitably escaped for display.

HTML source field is also changing html code into escaped characters

2 Answers2