实时预览和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
• 。文本
• 键控
• 按键

Answer 3

使用.html（）而不是.text（）