직접 라이브 미리보기 같은 유래?

Question

나는 어떻게 다음과 같로 직접 입력할 때,이 분야에서는 그것을 미리보기를 직접 그 아래?..나는 아무 생각이 없는 방법이었고 나는 정말로 뭔가를 다음과 같이 웹 사이트입니다.나는 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());
    });
});​