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

Question

我如何喜欢 Stackoverflow，当您在此字段中键入内容时，它会直接在其下方预览？..我不知道这是怎么做到的，我真的很喜欢在我的网站上做这样的事情。我有一个你编辑的文本区域，然后..？怎么办？

谢谢

Answer 1

使用 jquery，在脚本标记的 header 中:

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

然后，在您的 html 中:

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

编辑

妈的，被打了几秒。另外，wmdeditor 正是它。