php - jquery 中的 Stack Overflow 样式标记系统

标签 php jquery tagging

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

我进行了一些谷歌搜索,但找不到任何由 jquery 提供支持的内容。

最佳答案

这是我的实现(我认为它比公认的答案更符合 SO 风格)。样式可能需要调整,但它在功能上与您在 SO 上看到的相同。

特点:

  • 采用以逗号分隔的单词的预定义输入字段 -- 适用于所有情况,例如您正在编辑已有标签的项目 -- 并构建交互式标签编辑从这个信息。

    rails 格式的示例:

     <input id="post_tag_list" name="post[tag_list]" value='testing, test, probably, goose, under_score'/>
    
  • 在用户编辑标签时更新隐藏的输入字段,以便提交的表单将包含所有需要的标签。

  • 通过(假)标签输入框向后删除,在功能上等同于删除一长串单词,编辑更自然。

  • 可以点击标签进行编辑。

  • 逗号、空格、回车和制表符关闭正在编辑或创建的打开标签。

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

  • 等等

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

关于php - jquery 中的 Stack Overflow 样式标记系统,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4869008/

相关文章:

php - 使用 PHP 删除文件 onclick

php - 使用 PHP 修改字符串中的链接

javascript - 不显示 div,因为传递的参数(值)的行为就像字符串而不是 div id

javascript - 请解释一下这段代码

javascript - jQuery 数组设置键和值并通过 AJAX 发送数组

database-design - 用于标记多种类型实体的数据库设计

mongodb - 如何使用 Mongodb 的 $nin、$in 等运算符提高查询性能

php - 数据库敏感信息放在哪里

php - MySQL GROUP BY 不一致

php - 使用 PHP 列出目录中的所有图像