htmlのマークアップ、stackoverflow-styleでdivを自動的に更新

Question

Stackoverflowがどのように質問と回答が入力されるテキストエリアの下にある「プレビューボックス」をどのように知っていますか？基本的には、jQueryで '.clone（）'を使用できるとしますが、divが再読み込みされないため、HTMLマークアップを表示しません（例：<b>または<br />など）。

私は太字などをマークアップするために '*'を使用していますが、私のプロジェクトでは '本当の'マークアップが使用されていることがわかります、太字の場合は選択したテキストの周りに<b>を含むボタンがあります。

私はまだこのことを学んでいますが、ちょうどヒントとして、私はAJAXのようなものを見ているは​​ずですが、この特定のケースのようなものは本当に見つかりませんでした。

ありがとうございます！あなたがテキストエリア内で記述されたHTMLを表示する必要がある場合

Answer 1

ちょうどその値を取るなどsmthg、プレビュー要素内にコピー

$('#preview-div').html($('textarea').val()) 

ユーザーがこの文を呼び出すだけで入力している間、あなたはそれを表示する必要がある場合テキストエリアのkeyupイベントハンドラ内

$('textarea').on('keyup', function() { 
    $('#preview-div').html($(this).val()); 
}); 

とにかく、ユーザが入力した入力の意識こと：あなたは常にプレビュー要素の上に表示する前にマークアップを消毒する場合、それが良いでしょう。

例フィドル：あなたはスタックオーバーフローがそれをどうするかに興味があればhttp://jsfiddle.net/YX9Eq/

Answer 2

、あなたはMarkdown syntaxについて知りたいです。

基本的には、書いているテキストボックスの値を取得し、それをAJAX（または同様のもの）を介してMarkdown Webサービスにスローし、Webサービスで解析してから応答を待ってDIVにスラップします。

AFAIK、StackOverflowは、MarkdownSharpを使用してテキストを解析します。同じライブラリを使用して、C＃経由で簡単にWebサービスを作成することができます。