javascript - Web ベースのテキスト エディタのリアルタイム プレビューを作成する方法は?

Question

まあ、ちょうどこの Stackoverflow エディタのように。さらに、追加のjsをロードしてこれを行う方法は? (math.stackexchange のリアルタイムの数学プレビューのように)

明示的に、私が今明示的に望んでいるのは、即座にリフレッシュする方法です。

今私が思いつくことができるのは

show(){
    var text=document.getElementById("preview");
    var input=document.getElementById("inputArea").value;
    text.innerHTML=input;
}
<textarea id="inputArea">fd</textarea>
<p id="preview"></p>
<button onclick="show()">show</button>

しかし、これは明らかにリアルタイムではありません。タイマーを追加して、たとえば 0.1 秒ごとに「show()」を実行することは可能かもしれません。しかし、これも賢明ではないと思います。

これを実現できるネイティブの HTML または JavaScript メソッドはありますか?

Answer 1

ここで、アロハエディターをご覧ください。

http://www.aloha-editor.org/

Answer 2

<script>
function show(v){
    document.getElementById("preview").innerHTML = v;
}
</script>
<textarea id="inputArea" onkeyup="show(this.value)"></textarea>
<p id="preview"></p>

JS スニペットなしでも実行できます。

<textarea id="inputArea" onkeyup="document.getElementById('preview').innerHTML=this.value"></textarea>
<p id="preview"></p>