javascript - 直接/ライブプレビュー Stackoverflow のような？

Question

このフィールドに入力すると、そのすぐ下にプレビューが表示される Stackoverflow をどのように使用すればよいですか?.. これがどのように作成されたのかわかりません。私はあなたが編集するテキストエリアを持っています..? 方法？

ありがとう

score 3 · Accepted Answer

スクリプトタグのヘッダーで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はまさにそれです。

score 2 · Accepted Answer

簡単です。div要素を配置してから、テキストボックスのonMouseupで、jqueryイベントに情報を移動させることができます。

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

score 1 · Accepted Answer

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

score 1 · Accepted Answer

jQueryのkeypressイベントを使用します。

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