Me gustaría saber algún modo de añadirle estilos y enlaces a una palabra suelta dentro de un texto, cuando en esta se escribe al principio "@", como en Twitter. Algo en plan, el usuario escribe esto:
"Lorem ipsum @usuario ad his scripta blandit partiendo"
Y se ve así:
"Lorem ipsum
@usuario ad his scripta blandit partiendo"
En código, algo así:
Código HTML:
<p>Lorem ipsum <a href="http://@usuario" class="user">@usuario</a> ad his scripta blandit partiendo</p>
(El class, para añadirle sus correspondientes estilos)
¿Alguna idea, mediante Javascript, o jQuery?
¡Gracias de antemano! :D