在jquery中的Stack溢出样式标记系统

Question

我想知道是否有一个预先构建的克隆(或非常相似)Stack Overflow标记系统.

我做了一些谷歌搜索,但找不到任何由jquery驱动.

Answer 1

这是我的实现(我认为SO风格比接受的答案更为真实).风格可能需要调整,但它在功能上与你在SO上看到的相同.

特征:

• 采用带逗号分隔的单词的预定义输入字段 - 适用于所有情况,例如您正在编辑已有标记的项目的情况 - 并根据此信息构建交互式标记编辑器.

  rails格式的示例:

   <input id="post_tag_list" name="post[tag_list]" value='testing, test, probably, goose, under_score'/>
  

• 当用户编辑标签时更新隐藏的输入字段,以便提交的表单将具有所有所需的标签.

• 通过(假)标签输入字段向后删除在功能上与删除一个长字符串相同,使编辑更自然.

• 可以单击标签进行编辑.

• 逗号,空格,返回和制表符关闭正在编辑或创建的打开标记.

• 标签上的关闭按钮按预期运行.

• 等等

在这里找到它:http://jsfiddle.net/bradleygriffith/axjKm/