Search code examples
javascripttextarealivepreview

Direct/Live Preview Like Stackoverflow?

how do i do like Stackoverflow, when you type in this field, that the it previews directly under it?.. I have no idea how this have been made and i really like to do something like this to my website. I have a textarea that you edit, and then..? how to?

Thanks

Solution

  • Using jquery, in the header in a script tag:

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

    Then, in your html:

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

    Edit

    Damn, beaten by a few seconds. Also, wmdeditor is exactly it.