实时预览和HTML

时间:2010-10-17 13:34:32

标签: jquery html

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

http://jsbin.com/ezuta4

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

到目前为止:

   $(document).ready(function(){

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

3 个答案:

答案 0 :(得分:6)

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

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

http://jsbin.com/ezuta4/2

答案 1 :(得分:4)

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

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

jQuery参考

答案 2 :(得分:1)

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