Convertir URL en un enlace con jQuery
internet1
Suele ser muy habitual que muchos de nosotros pongamos solamente enlaces usando la url sin dar el formato html para que se pueda convertir en un hipervínculo aquí les traigo un sencillo jquery que nos puede facilitar la vida a muchos de nosotros convirtiendo el texto plano de url a un enlace con formato html
El código es el siguiente puedes guardarlo como convertirurl.js
$.fn.crearLinks = function() { var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi; this.each(function() { $(this).html( $(this).html().replace(regexp,'$1') ); }); return $(this); } |
O puedes pegarlo en tu documento de esta manera siempre se recomienda hacerlo antes del cierre del </head> o del </body> ya es elección de ustedes.
<script type=”text/javascript“>
$.fn.crearLinks = function() {
var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
this.each(function() {
$(this).html(
$(this).html().replace(regexp,’<a href=”$1″>$1</a>’)
);
});
return $(this);
}
$(document).ready(function() { $(“#caja”).crearLinks(); }); </script>
En funcionamiento
Demo url a enlace
javascript, jQueryEtiquetas: Convertir texto en un enlace, Convertir texto en un enlace con jQuery, Convertir URL a enlace, Convertir URL en un enlace, Convertir URL en un enlace con jQuery, enlace con jQuery, Javascript, jQuery, texto a enlace
Te recomendamos leer:
otros llegaron buscando
nadie ha llega a esta pagina desde el buscador