Как обнаруживать ссылки в тексте html и делать их кликабельными?

Question

[ImPaha]

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

Answer 1

[lil_koi]

плохо гуглил

Comments

[ImPaha]

Само регулярное выражение его находил, я не совсем понимаю, как именно запихнуть это в html

[alekssamos]

ImPaha, Не в HTML, а в PHP, или что там уу тебя, перед выводом в браузер обработай.
Хотя, ну можно и через JS, да.
Сейчас покажу.

<p id="bio">
Я есть в таких социальных сетях: <br>
1) http://example.org/profile/234;  <br>
2) https://example.com/id6785;  <br>
Мои работы ищите на www.test.ru.
</p>

var pattern = /((https?:\/\/|ftps?:\/\/|www\.)((?![.,?!;:()]*(\s|$))[^\s]){2,})/gim;
replacement = '<a href="$1">$1</a>';
document.getElementById("bio").innerHTML = document.getElementById("bio").innerHTML.replace(pattern, replacement);

[ImPaha]

alekssamos, Спасибо большое! Очень помог