String tweetify con jQuery y Mootools

Javascript

Tweetefy es un término inglés perteneciente al argot informático de la Web 2.0 que, en términos de desarrollo web, viene a significar algo así como «Tweetificar, o convertir algo al estilo de Tweeter». Sirver para convertir un texto plano al estilo de tweeter, esto significa que todos los nombres que empiecen por «@» serán interpretados como usuarios de Tweeter y se enlazará a su perfil. Si alguna palabra es precedida por una «#», será enlazada a la búsqueda de Tweeter por ese término y si se muestra alguna URL, será sustituida por un enlace a esa URL. Vamos lo que hace Tweeter para mostrar los tweets en su página.

Hace poco escribí un pequeño artículo donde se hablaba sobre como obtener los últimos tweets mediante el Google Feed API y mostrarlos. Para completarlo me hubieran venido muy bien estos snipetts de jQuery y Mootools que sirven para hacer tweetify sobre los strings.

jQuery

El primero es para jQuery y me lo encontré en CSSTricks.

Función tweetify para jQuery


$.fn.tweetify = function() {
	this.each(function() {
		$(this).html(
			$(this).html()
				.replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>')
				.replace(/(^|\s)#(\w+)/g,'$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>')
				.replace(/(^|\s)@(\w+)/g,'$1<a href="http://twitter.com/$2">@$2</a>')
		);
	});
	return $(this);
}

Uso de la función tweetify en jQuery


$("p").tweetify();

Mootools

Este código me lo encontré en el blog de David Walsh, y se trata de una ampliación de la clase String de Mootools.

Método tweetify en Mootools


//implement
String.implement({
	tweetify: function() {
		return this.replace(/(https?:\/\/\S+)/gi,'$1').replace(/(^|\s)@(\w+)/g,'$1<a href="http://twitter.com/$2">@$2</a>').replace(/(^|\s)#(\w+)/g,'$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>');
	}
});

Uso del método tweetify en Mootools


var original = '@davidwalshblog I love your #Mootools LazyLoad plugin!  http://davidwalsh.name/lazyload';
var tweetified = original.tweetify();

Resultado

En los dos casos, después de aplicar tweetify se pasaría de un texto así:


@nosolocodigo Tweet de prueba, mi blog: https://nosolocodigo.com/ #lol

A un texto así:


<a href="http://twitter.com/nosolocodigo ">@seanhood</a>  Tweet de prueba, mi blog:
<a href="https://nosolocodigo.com/">https://nosolocodigo.com/</a>
<a href="http://search.twitter.com/search?q=%23lol">#lol</a>