jquery/JSプラグインを使用してテキストエリアのURLを検出してください。<a>タグ

Question

私は本当にこの車輪を再発明する必要はありません。これを行うにはプラグインが必要ですか？

私が望むのは、ユーザーがテキストエリアに入力しているときにURLが検出されることです。その後、彼らが「スペース」を押してURLを完成させたら、それをタグで包んで本物のリンクにします。

すばらしいGoogleが役立つものは何も示していません。うまくいけば誰かが良い解決策を知っているだろう。

ありがとうございました。

Answer 1

これは私がしばらくプレイしてきた複雑な機能です。私が知っている限り、誰にもこのための堅牢でセクシーな解決策はありません。典型的な解決策は、テキストエリアの代わりに何らかの種類のエディタを使用することです。

私の解決策は、テキストエリアの背後にDIVを作成し（zインデックスが小さい）、そのdivでjquery linkifyを使用することでした。 textareaのkeyupイベントはすべてのテキストをdivにコピーします。それはdivのリアルタイムリンクを生成します。新しい問題はそれらをクリック可能にしていました。その後、部門はZインデックスの後ろにいた。その問題に対する私の実行可能な解決策は、mousemoveでz-インデックスを前後にずらすことでした。

私は本当に自分自身に良い解決策を見逃しています。私自身の解決策には欠陥があります...

Answer 2

今朝はhttps://github.com/stephan-fischer/jQuery-LiveUrlが見つかりました。スタンドアローンのJQuery実装としてはかなり良いようです。