jQuery的：在Chrome

Question

我试图使用jQuery用下面的代码保存在一个文本字段中的HTML代码转义HTML填写的textarea：

var text ="<p>Hello, my name is Sam</p>"; 
var textarea = d.createElement('textarea'); // Creates textarea to store text 
div.appendChild(textarea); 
textarea.innerHTML = text; 
// $("textarea").val(modified_clipboard_text); // same issue 
console.log(textarea.innerHTML); // output should not be escaped html 

的问题是，HTML字符串转换为逃脱实体（在至少在Chrome中）。例如：<p>转化为<p>

Answer 1

JQuery的解决方案

你使用jQuery如此神奇：

var text ="<p>Hello, my name is Sam</p>"; 
 

 
$('#container').append('<textarea></textarea>'); 
 
$('#container textarea').val(text); 
 

 
$('#select-btn').click(function() { 
 
    $('#container textarea').select(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='container'></div> 
 
</br> 
 
<button id='select-btn'>Select</button>

Answer 2

您可以使用此功能：为什么不使用

function htmlUnescape(encodedString){ 
    return $("<p/>").html(encodedString).text(); 
} 

像

var text ="<p>Hello, my name is Sam</p>"; 
var textarea = d.createElement('textarea'); // Creates textarea to store text 
div.appendChild(textarea); 
textarea.innerHTML = text; 
// $("textarea").val(modified_clipboard_text); // same issue 
console.log(htmlUnescape(textarea.innerHTML)); // output should not be escaped html