Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery-在textarea中标识和标记链接_Jquery_Hyperlink_Textarea_Href - Fatal编程技术网

jQuery-在textarea中标识和标记链接

jQuery-在textarea中标识和标记链接,jquery,hyperlink,textarea,href,Jquery,Hyperlink,Textarea,Href,我有一个文本区 <textarea id="postContent" class="input-block-level" placeholder="Tell us about it!" rows="4"></textarea> 我需要一个脚本,突出显示写在文本区域内的链接,将它们存储在一个变量(数组)中供以后处理,并删除所有html标记。这种行为在twitter上的推文框中是众所周知的 所以内容可以是 看看我今天在www.stackoverflow.com上找到了什

我有一个文本区

<textarea id="postContent" class="input-block-level" placeholder="Tell us about it!" rows="4"></textarea>

我需要一个脚本,突出显示写在文本区域内的链接,将它们存储在一个变量(数组)中供以后处理,并删除所有html标记。这种行为在twitter上的推文框中是众所周知的

所以内容可以是

看看我今天在www.stackoverflow.com上找到了什么

在这种情况下,www.stackoverflow.com应该突出显示(包装在
f.e.)而不带“!”


您将如何使用jQuery实现这一点

如果你想突出显示链接,那么你必须使用textarea的innerHTML…(我不建议)你的正则表达式在这里=var regex=/((ht | f)tps?://\S*)/g


其次,您可以使用文本区域内的单击事件来识别链接…单击处理程序应该查看它是url还是纯文本..如果链接打开新窗口..否则返回false..

我猜keyup和regexp matcher上的事件侦听器??还有,谷歌正则表达式。这可能比你想象的要复杂得多——只要读一读我甚至不知道从哪里开始,我想在这里问你是否知道一个库,或者甚至是一个jQuery插件来完成这项工作。谢谢你迄今为止的回答。