这个转义如何做到？

Question

<p><img alt="" src="upfiles/54591303758197437.jpg" /></p>

需要转义成

    &ltp><img alt="" src="upfiles/54591303758197437.jpg" /></p>

请问，用javascript ,jquery如何快速做到？

Answer 1

https://blog.csdn.net/wzygis/...

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

Answer 2

//把HTML格式的字符串转义成实体格式字符串
function escapeHTMLString(str) {
    str = str.replace(/</g,'&lt;');
    str = str.replace(/>/g,'&gt;');
    return str;
}

//把实体格式字符串转义成HTML格式的字符串
function escapeStringHTML(str) {
    str = str.replace(/&lt;/g,'<');
    str = str.replace(/&gt;/g,'>');
    return str;
}

var str = '<p><img alt="" src="upfiles/54591303758197437.jpg" /></p>';

var str1 = escapeHTMLString(str);
console.log(str1); // &ltp&gt;&lt;img alt="" src="upfiles/54591303758197437.jpg" /&gt;&lt;/p&gt;

var str2 = escapeStringHTML(str1);
console.log(str2); //'<p><img alt="" src="upfiles/54591303758197437.jpg" /></p>'