jquery / JS插件，用于检测textarea中的URL并包含在<a> tags</a>中

Question

我真的不想用这个重新发明轮子。必须有一个插件才能执行此操作吗？

我想要的是在用户输入textarea时检测到网址。然后，一旦他们按下“空格”并完成了网址，将其包裹在标签中并使其成为真正的链接。

一个快速谷歌没有发现任何有用的东西。希望有人知道一个好的解决方案。

感谢。

Answer 1

这是一个复杂的功能，我已经玩了一段时间了。据我所知，没有人能为此提供强大而“性感”的解决方案。典型的解决方案是使用某种编辑器而不是textarea。

我的解决方案是在textarea（较低的z-index）后面创建一个DIV，并在该div上使用jquery linkify。 textarea中的keyup事件将所有文本复制到div中。这将在div中生成实时链接。然后新的问题是使那些可点击的。毕竟div在z-index中落后了。我对该问题的可行解决方案是在鼠标移动时来回翻转z-index。

我真的很想念一个很好的解决方案。我自己的解决方案有其缺陷......

Answer 2

我今天早上发现了https://github.com/stephan-fischer/jQuery-LiveUrl。作为一个独立的JQuery实现看起来很不错。