jQuery 从文本区域转义 HTML

Question

我想将 HTML 标签转义为实体名称，从 textarea 中获取文本并将结果放入第二个 textarea 中，这样:

<mytag>

成为

<mytag>

我正在使用 .html() 和 .text() 来回确定。我的问题是处理 textarea 元素，它的行为有点不同。

如果我先将文本放入一个 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());

但我想像这样做一些更直接的事情:

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

我想我的问题是我不明白如何在不操作 DOM 元素的情况下操作 jQuery 对象，比如字符串 - 因为现在我正在使用 div，因为它有 .html() 方法。

任何帮助都会很棒!

谢谢。

Answer 1

尝试

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