Прямой / Живой просмотр Нравится Stackoverflow?

Question

как мне нравится Stackoverflow, когда вы вводите в это поле, что он просматривает прямо под ним? .. Я понятия не имею, как это было сделано, и мне действительно нравится делать что-то подобное на моем сайте. У меня есть текстовая область, которую вы редактируете, а затем ..? как?

Спасибо

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

смотри, http://jsfiddle.net/testtracker/2C3Zj/

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

Answer 4

Используйте событие jQuery keypress:

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