Código de JavaScript - Convertir las urls de un texto en enlace HTML

Pos: 3

Val: 2.288

Ha mantenido su posición en JavaScript (en relación al último mes)

Convertir las urls de un texto en enlace HTML

JavaScript

Publicado el 5 de Abril del 2021 por Katas (200 códigos)

3.537 visualizaciones desde el 5 de Abril del 2021

Función que recibe un texto plano, y devuelve el mismo texto pero con las urls en formato HTML (<a href="....">) para que puedan ser pulsadas por el usuario en la web.

console.log(urlTextToHTML("la url: https://www.dom.au esta ok")); // "la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok"

console.log(urlTextToHTML("la url: https://www.dom.au/index.html esta ok")); // "la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok"

console.log(urlTextToHTML("las urls: https://dom.au y https://www.dom.au estan ok")); // "las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok"

console.log(urlTextToHTML("texto sin url")); // "texto sin url"

Para quitar el tag html añadido al enlace, puedes utilizar la función urlHTMLToText() https://www.lawebdelprogramador.com/codigo/JavaScript/6994-Quitar-el-codigo-HTML-de-las-urls-de-un-texto.html

1

Publicado el 5 de Abril del 2021

gráfica de visualizaciones de la versión: 1

3.538 visualizaciones desde el 5 de Abril del 2021

const urlTextToHTML = txt => txt.replace(/(https?:\/\/(www\.[\w\.\-]+\.[a-z]{2,}[\/\w\.\-]*|[^www\.][\w\.\-]+\.[a-z]{2,}[\/\w\.\-]*))/gi, '<a href="$1" target="_blank">$1</a>');