像Stackoverflow一样的直接/实时预览？

Question

我怎么做Stackoverflow，当你输入这个字段时，它直接在它下预览？我不知道这是怎么做的，我真的很喜欢这样做到我的网站。 我有一个你编辑的textarea，然后..？怎么样？

由于

Answer 1

在脚本标记的标题中使用jquery：

    $(document).ready(function(){
        $('#textbox-id').keypress(function(){
          $('#preview-id').html($(this).val());
        }
    });

然后，在你的html中：

<textarea id="textbox-id"></textarea>
<div id="preview-id"></div>

修改

该死的，几秒钟就被殴打了。而且，wmdeditor就是这样。

Answer 2

简单，放置div元素然后在文本框的onMouseup上你可以有一个jquery事件移动信息

<textarea id="entry" onmouseup="$('#output').html($('#entry').val())"></textarea>
<div id="output"></div>

Answer 3

使用jQuery的keypress事件：

$('#in').keypress(function() {
    $('#out').text($(this).val());
});

Answer 4

见到这一点，http://jsfiddle.net/testtracker/2C3Zj/

$(document).ready(function(){
    $('#textbox-id').on('keyup', function(){
      $('#preview-id').html($(this).val());
    });
});​