jQuery：在Chrome中使用未转义的html填充textarea

Question

I am attempting to store html code in a textarea field using jquery with the following code:

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

The issue is, html strings are transformed to escaped entities (at least in Chrome). For example: <p> is transformed to <p>

Answer 1

You can use this function:

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

Like

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

Answer 2

JQuery solution

You're using jquery so why not using the magic :

 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>