jQuery Escapar HTML a partir de un área de texto

Question

quiero escapar etiquetas HTML a los nombres de entidad, tomando el texto de un textarea y poner el resultado en una segunda textarea tal que:

<mytag> 

convierte

<mytag> 

Estoy usando .html() y .text() yendo y viniendo OK. Mi problema es lidiar con el elemento textarea, que actúa un poco diferente.

Funciona bien si primer lugar el texto en un div:

var htmlStr = $('#textareaInput').val(); //doesn't like .html() .text() ? 
$('#dummy').text(htmlStr); // an object to hold the text that supports .html() 
$('#textareaOutput').val($('#dummy').html()); 

Pero yo quiero hacer algo más sencillo como esto:

var htmlStr = $('#textareaInput').val(); 
$('#textareaOutput').val($(htmlStr).html()); 

Creo que mi problema es que Don No entiendo cómo manipular objetos jQuery, como cadenas, sin manipular elementos DOM, porque ahora estoy usando un div porque tiene el método .html().

¡Cualquier ayuda sería fantástica!

Gracias.

Answer 1

tratar

var htmlStr = $('#textareaInput').val(); 
$('#textareaOutput').val($('<div/>').text(htmlStr).html());