我想使用 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
内容,一个用于显示文本。输入字段是不可见的,但在显示字段的顶部。它应该是不言自明的,但请提出您可能有的任何问题 - 不,我没有针对没有光标的快速解决方案。
关于javascript - jQuery - 带有字符串和 Conceal 字段正则表达式的 Facebook 样式标记。自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5811781/