I’m interested in knowing how does the text you type on the text box doesn’t require a page refresh?
Some similar alternatives include:
But they tend to do a page refresh every time a keystroke is pressed…
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
They have a Markdown to HTML translator implemented in Javascript. Whenever the content of the ‘textarea’ changes the preview area is updated with the result of running the Markdown to HTML converter. There’s obviously more to it than that — making this sort of thing perform well can be tricky — but that’s the essence of it.
If you inspect the textarea in a browser like Safari you can see that they are using Javascript event handlers for drop, input, keydown, keypress, keyup, mousedown and paste events. When one of these events happen the script responds appropriately, including to run the Javacript Markdown-to-HTML converter and putting the resulting HTML into the preview area.