如何使用javascript/jquery實時風格的用戶輸入

Question

即時通訊尋找一個庫或在javascript/jquery中製作實時風格的建議。這個想法是，我的用戶有一個HTML文本輸入，我需要實時檢測一些模式並應用一個樣式，例如，用戶在＃應該被認爲是標籤必須被認爲是＃之後全部寫入#some_text粗體像#some_text。

即時通訊非常新的JavaScript，所以我不知道從哪裏開始，我做了一些研究，但我沒有找到任何已經提出的庫。感謝您的任何幫助和建議！

Answer 1

怎麼樣像jQuery Tagit？

你可以像這樣初始化：

<script> 
     $(function() { 
      var availableTags = [ 
       "#some_text1", 
       "#some_text2", 
       "#some_text3" 
      ]; 

      $('#tags').tagit({tagSource: availableTags}); 
     }); 
</script> 

<ul id="tags"></ul> 

Answer 2

類似的東西在這裏用在這個網站上。每當您在編輯器中寫下問題或答案時，您都會在下面的區域獲得實時更新。當您應用格式時，它會在預覽區域實時更新。

這使用標準標記語法Markdown。有什麼好的是，有很多支持Markdown的工具，所以你可以找到jQuery甚至離線編輯器（Windows和Mac）的集成。

Check this question and its answers這樣做的一些編輯。

還檢查出the stand-alone version of the Stack Overflow editor。

Answer 3

也許這可以幫助你有點明白你必須做的：
http://jsfiddle.net/EeGxs/3/
我所做的一切是添加事件偵聽器「的keydown」這意味着一個按鍵被按下，然後你只需要看看是否有一個'＃'，如果你將它添加到粗體的p-tag中。 它只是一個示範。