自動更新與HTML標記的div，stackoverflow樣式

有誰知道如何Stackoverflow做的預覽框下方的問題和答案餵給textarea？基本上我想我可以在jQuery中使用'.clone（）'，但不會呈現html標記（例如<b>或<br />等），因爲div不會被重新加載。自動更新與HTML標記的div，stackoverflow樣式

我知道，stackoverflow使用'*'標記粗體文本等，但對於我的項目'真正'標記將被使用，即對於粗體有一個按鈕，將包括<b>圍繞選定的文本。

我仍然在學習這個東西，但只是作爲一個提示，我想我應該看看類似AJAX的東西，但一直沒能找到任何真正喜歡這種特殊情況的東西！

謝謝！

2012-01-16 Matte

你可以使用bbcode http://php.net/manual/en/book.bbcode.php用AJAX解析它。 – 2012-01-16 09:50:33

，如果你需要顯示一個文本里面寫的HTML只是把它的價值和複製預覽元素裏面，smthg像

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

，如果你需要顯示它當用戶鍵入只需要調用這個說法textarea的的keyup事件處理中

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

反正是由用戶輸入的輸入知道：它的更好，如果你總是顯示預覽元素之前消毒標記。

2012-01-16 09:48:28 fcalderan

這是好東西！謝謝一堆！ – Matte 2012-01-23 17:05:30

如果你有興趣在堆棧溢出是怎麼做的，你想了解Markdown syntax。

基本上你想要做的是獲得你正在寫的文本框的價值，通過AJAX（或類似的東西）把它扔到Markdown Web服務中，讓Web服務爲你解析它，然後得到迴應並將其拍成等待DIV。

AFAIK，StackOverflow使用MarkdownSharp解析其文本。您可以通過C＃使用相同的庫快速創建Web服務。

2012-01-16 10:12:06

我感謝您的評論！我會牢記以備將來參考 – Matte 2012-01-23 17:06:45

回答