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

Question

我有一个文本区域

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

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

所以内容可能是

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

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

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

Answer 1

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

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