實時預覽和HTML

Question

那麼我有使用jQuery的文本的實時預覽。

http://jsbin.com/ezuta4

但是，有沒有辦法，我可以把HTML標籤和HTML不會顯示，但效果的文本？像打字<h1>和標籤變成標題？

到目前爲止：

$(document).ready(function(){ 

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

Answer 1

使用.html()而不是.text()。這不會逃避你輸入的內容。也可以使用.keyup()而不是.keypress()，否則直到按下其他字符時，按下的最後一個字符纔會顯示，事件將在字符呈現之前發生。

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

jQuery的參考

• .html
• .text
• keyup
• keypress

Answer 2

text()將解析任何你輸入的文字字符。要允許HTML代碼，使用

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

http://jsbin.com/ezuta4/2

Answer 3

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