2011-02-01 60 views
4

我想知道是否有堆棧溢出標記系統的預建克隆(或非常相似)。在jQuery中堆棧溢出風格標記系統

我已經做了一些谷歌搜索,但無法找到任何由jquery支持。

+0

誰投與無可奉告關閉此? – Hailwood 2011-02-02 00:16:41

+0

可能的重複[如何設置像Stackoverflow的標籤輸入字段的JQuery自動完成?](http://stackoverflow.com/questions/519107/how-can-i-set-up-jquery-autocomplete-like-stackoverflows- tags-input-field) – 2012-06-22 04:51:43

+0

就像這樣:[http://blog.crazybeavers.se/wp-content/Demos/jquery.tag.editor/](http://blog.crazybeavers.se/wp-content/ Demos/jquery.tag.editor //) – bpeterson76 2011-02-01 23:30:33

回答

5

這是我實現(我認爲這是更真實的SO款式比是公認的答案)。風格可能需要調整,但功能上與您在SO上看到的相同。

特點:

  • 注意到用逗號分隔的話預定輸入字段 - 適用於所有情況下的完美,例如那些在你編輯已經有標籤的項目 - 與構建交互式標籤編輯器從這個信息。

    例如,在軌道格式:

    <input id="post_tag_list" name="post[tag_list]" value='testing, test, probably, goose, under_score'/> 
    
  • 爲用戶編輯標記,以便提交的形式將所有需要的標籤更新一個隱藏的輸入字段。

  • 通過(假)標籤輸入字段向後刪除在功能上與刪除一個長字串相同,使編輯更自然。

  • 標籤可以點擊進行編輯。

  • 逗號,空格,返回值和製表符會關閉正在編輯或創建的打開標記。

  • 標籤上的關閉按鈕按預期工作。

在這裏找到:http://jsfiddle.net/bradleygriffith/axjKm/