實時預覽和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（）