2010-07-29 44 views
0

我想創建一個文本輸入,如Facebook狀態更新發布者。基本上,可以使用特定鍵(例如:@)激活標記/自動完成功能的輸入,創建用作文本輸入中單個字符的標記(可以使用單個退格鍵刪除),但仍然接受常規文本輸入。與Facebook不同,我只想接受一個這樣的「標籤」,並且只在輸入開始時接受它。Facebook狀態更新 - 像jQuery自動完成/標記功能

這似乎是最可行的選擇(使用jQuery)是一個contenteditable分區。但是,我不知道如何處理jQuery。任何人都可以幫助我開始?謝謝。

回答

2

在第一個答案令牌化自動完成插件沒有完成什麼的問題是問。該插件只允許你建立一個搜索結果列表,其間沒有普通文本。

我結束了寫我自己的解決方案,這可以在這裏找到:

http://www.hawkee.com/snippet/9391/

0

希望,現在(6+年後)你設法找到一個合適的現有解決方案的需求,或者你已經設法推出自己的。如果你還沒有,我想下面的內容會對你有所幫助,而那些在這裏尋找這樣的解決方案的人就會陷入困境。

A「提」 - 管理實用程序具有3個分量:

  1. 自動完成模塊:組件責任獲取和顯示一組可被用於創建一提的產品,給定的字符串。

  2. 提醒跟蹤模塊:負責跟蹤提及相關數據的組件;在最少的情況下,每一次提及的表面和實質性(如果存在的)值都應該在附加公用事業的輸入元素文本的所有修改中被追蹤。

  3. 提及視覺區別模塊:組件負責在輸入元件從所述文本的其餘部分區分提及的文本以將公用固定

希望這樣的實用程序的擊穿將讓你瞭解如何推出自己的實現。

如果你想使用現有的強大的實現,看看Mentionator,這是由這個傢伙在這裏維護:)。