实时预览和HTML

Question

我有使用jQuery实时预览文本。

http://jsbin.com/ezuta4

但有没有办法可以放入HTML标签，HTML不会显示但会影响文字？比如输入<h1>，标签会变成标题吗？

到目前为止：

   $(document).ready(function(){

  $('#text').keypress(function() {
  $('#live').text($(this).val());
  });
}); // end jQuery 
​

Answer 1

text()将解析您输入的任何文字字符。要允许HTML代码，请使用

  $('#live').html($(this).val());

http://jsbin.com/ezuta4/2

Answer 2

使用.html()代替.text()。这不会逃脱你输入的内容。也可以使用.keyup()代替.keypress()，否则在您按其他内容之前，您按下的最后一个字符将不会显示，该事件将在呈现字符之前发生。

$('#text').keyup(function() {
    $('#live').html($(this).val());
});

jQuery参考

• .html
• .text
• keyup
• keypress

Answer 3

使用.html()代替.text（）