JavaScript: aggiungere i link ai profili Twitter in modo automatico

Short link

Esiste una soluzione molto semplice in JavaScript per aggiungere i link ai profili Twitter in modo automatico.

La soluzione fa uso delle espressioni regolari combinate con il metodo replace() e la proprietà innerHTML:


(function() {
	
	const autoTwitterUsername = element => {
		let html = element.innerHTML;
		element.innerHTML = html.replace( /([^a-z0-9-_&])@([0-9a-z_]+)/gi, "$1<a href=\"https://twitter.com/$2\" target=\"_blank\" rel=\"nofollow\">@$2</a>" );
	};
	
	document.addEventListener( 'DOMContentLoaded', () => {
		const p = document.querySelectorAll( 'p' );
        p.forEach( element => {
            autoTwitterUsername( element );
        });
		
	});
	
})();

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.