javascript - 使用 < 和 > 替换 < 和 >

Question

我有一个文本输入和一个包含相同文本的 div。我使用下面的行在 DIV 文本中进行与输入文本中相同的换行符。

$('#tF').html( $(this).val().replace(/\n/g, '<br />') ); 

问题:如何写'<br />通过使用<和> ？

示例(不起作用):

$('#tF').html( $(this).val().replace(/[<>]/g, function(_){ return {'<':'&lt;','>':'&gt;'}[_]; }).replace(/\n/g, '<br />' );

Answer 1

您可以使用我在上一篇文章中找到的这个小功能

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#039;'
  };

  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}

然后

$('#tF').html( escapeHtml( $(this).val() ) );