jQuery - 在文本区域中识别和标记链接答案

【问题标题】：jQuery - Identify and mark link in textareajQuery - 在文本区域中识别和标记链接
【发布时间】：2013-01-20 07:14:44
【问题描述】：

我有一个文本区域

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

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

所以内容可以是

看看我今天在 www.stackoverflow.com 上发现了什么！

在这种情况下，应该突出显示 www.stackoverflow.com（用 <p> f.e. 包裹）而不带“！”。

你会如何使用 jQuery 来做到这一点？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：