javascript - jQuery - 带有字符串和 Conceal 字段正则表达式的 Facebook 样式标记。自动完成

标签 javascript jquery regex facebook

我想使用 jQuery 创建一个类似于 facebook 状态更新的系统。

如果您看一下它的内部结构,就在 What's on your mind? textarea 标签下方的几个元素中,有一个 Conceal 字段...

<input type="hidden" autocomplete="off" class="mentionsHidden" name="xhpc_message" value="">

当您在文本区域字段中键入状态时,此 Conceal 字段的值会更改以匹配状态。但是,如果您将某人标记为状态, Conceal 字段会显示类似 @[uid:User Name] 的内容来代替用户名,以便稍后可以将其转换为超链接。

我自己尝试过重新创建类似的东西,不是针对用户,而是针对标签。 http://jsfiddle.net/nickjackson/qh3QP/

当我在第一个文本区域字段中键入 #fun 时,第二个文本区域显示 #[tag:fun]#fun 标签变得有趣。这都是正确的。但是,当我随后键入其他内容时,方括号消失了,因为 # 标记不再位于状态字段中。我该如何解决这个问题?

最终,如何创建文本区域和 Conceal 字段组合,其工作方式类似于 facebook 状态更新,并允许使用标签?

最佳答案

我使用了 3 个字段 - 一个用于输入,一个用于存储 tag 内容,一个用于显示文本。输入字段是不可见的,但在显示字段的顶部。它应该是不言自明的,但请提出您可能有的任何问题 - 不,我没有针对没有光标的快速解决方案。

http://jsfiddle.net/qh3QP/10/

关于javascript - jQuery - 带有字符串和 Conceal 字段正则表达式的 Facebook 样式标记。自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5811781/

相关文章:

javascript - 动态添加多个字段的 Bootstrap 验证

javascript - 可拖动的 jQuery 限制

如果被数字包围而不是字母,Python 正则表达式替换字符串中的空格

将常规 C 风格编码文件转换为 GNU 风格编码标准

python - 使用 re.findall 匹配所有出现的字符串

php - 如何离线使用谷歌地图从 mysql 数据库映射位置?

javascript - insert 语句期间的字符串连接问题

javascript - 使用 GM_xmlhttpRequest 获取 xml

javascript - Uncaught Error : No version specified facebook sdk

javascript - fullCalendar 事件Click 未触发