入力中の内容を即座に反映させる方法

Question

例えばteratallの質問画面のような、入力している文字を画面移動や更新せずにプレビューする方法を大まかで構わないので教えてください

いろんなアイデアが欲しいと思っていますので6/12にベストアンサーを決めるつもりでいます

Answer 1

うちではタイマーを利用して、数秒おき間隔で、textareaの内容を確認し、
前回と内容が違っていたらプレビューを更新しています。
keyupイベントで更新するとキーボード入力が早い人は更新がかかりまくってレスポンスが悪くなるので。
さらに一定時間Key入力がなければタイマーを止め、再びkeyupイベントが発生したらタイマーを開始するようにすれば、負荷もかからないです。

Comments

[退会済みユーザー]

使用者の技量差について失念してました。
たしかにそのやり方のほうが有用そうですね、ありがとうございます。

Answer 2

C#で、主に非webアプリケーションであれば
Rx使うのが一番手軽です。

Comments

[退会済みユーザー]

仕様についてはまだ曖昧なとこが多いですがRxについても調べてみようと思います。
ありがとうございます。

Answer 3

teratallはブラウザを使っているため、C#ではなくjavascriptになりますので、ちょっと求めているのと違うかもしれません。が、流れがわかればC#で作るアプリケーションにも流用できるかなと思います。

まず、textareaに対してkeyupイベント（キーボードのボタンを戻したときに起動）をjQueryで設定して、keyup毎にtextareaの値（入力している内容）を取得します。取得した値を変換(マークダウン→フィルタ→HTML)して出力エリアに書き出します。出力エリアは書き出す毎に既に書かれている内容を削除します。

Comments

[退会済みユーザー]

回答ありがとうございます。
一旦その方向で考えてみます。