Cómo resaltar una parte del text en textarea

¿Hay alguna manera de resaltar una parte del text en textarea?
Por ejemplo: digamos que el text es "Hola, @twitter @twitpic" y ahora me gustaría resaltar @twitter y @twitpic solamente y no Hola . Esto tiene que suceder sobre la marcha.
No quiero usar iframe

Gracias por adelantado

sin envolver una label alnetworkingedor de las palabras específicas, no se puede resaltar (o como dije, al less no tengo idea de cómo hacerlo). pero si no hay problema con el ajuste de tags, debe usar regEx.

de palabras que comienzan con @:

replace(/@([^ ]+)/g, '<span class="atsign">@$1</span>'); 

y para las palabras que comienzan con #:

 status.replace(/#([^ ]+)/g, '<span class="hashtag">#$1</span>'); 

revisa este violín

EDITAR: puedes replace

 var status = 'I tweeted something #one #two @three @four'; 

con

 var status = $('#phrase').text(); 

Use el método setSelectionRange en ese text

Código de muestra:

 <body> <section> <textarea id="textarea"></textarea> <button id="hgh">Hightlight @twiiter</button> </section> <script> window.onload = function () { var textarea = document.getElementById("textarea"); var checkError = document.getElementById("hgh"); checkError.addEventListener("click", function () { var index = textarea.innerText.indexOf("@twitter"); if( index >= 0) textarea.setSelectionRange(index, index + 8); }); } </script> </body>