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 );
});
});
})();