معاينة مباشرة/مباشرة مثل 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>

تعديل

لعنة، تعرضت لضربها بضع ثوان. أيضا، wmfdeitor هو بالضبط.

Answer 2

بسيطة، ضع عنصر DIV ثم على OnMouseup في مربع النص، يمكنك الحصول على حدث مسج نقل المعلومات

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

Answer 3

استخدام jQuery's 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());
    });
});​