Плагин jquery / JS для определения URL в текстовой области и переноса в теги <a>

Question

Я действительно не хочу изобретать велосипед с этим. Для этого должен быть доступен плагин?

Я хочу, чтобы URL-адрес определялся, когда пользователь вводит текстовую область. Затем, после того как они нажали «пробел» и заполнили URL, оберните его в тег и сделайте его подлинной ссылкой.

Быстрый Google не нашел ничего полезного. Надеюсь, кто-нибудь узнает о хорошем решении.

Спасибо.

Answer 1

Это сложная функция, с которой я играл уже некоторое время.Насколько я знаю, ни у кого нет надежного и "сексуального" решения для этого.Типичным решением является использование какого-либо редактора вместо текстовой области.

Мое решение состояло в том, чтобы создать DIV позади текстовой области (более низкий z-индекс) и использовать jquery linkify для этого div.Событие keyup в текстовой области копирует весь текст в div.Это создаст ссылки в реальном времени в div.Тогда новой проблемой было сделать их кликабельными.В конце концов, div был позади в z-index.Моим подходящим решением этой проблемы было переворот z-index при движении мыши.

Я действительно скучаю по хорошему решению этого вопроса сам.У моего собственного решения есть свои недостатки ...

Answer 2

Я нашел это https://github.com/stephan-fischer/jQuery-LiveUrl этим утром. Выглядит довольно хорошо, как отдельная реализация JQuery.