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

2 Solutions collect form web for “Cómo resaltar una parte del text en textarea”

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> 
  • Parse Text CSS en JSON con Javascript
  • Cómo cambiar el cursor parpadeante / cursor en textarea
  • Cómo tener un área de text para mantener desplazado hacia abajo cuando se actualiza
  • Obtener el número de línea en el área de text
  • deshabilita el área de text por altura, no caracteres
  • Imprimir solo un área de text
  • cambiar el tamaño de textarea para caber en un layout de ancho fluido con javascript
  • Cómo simular un caret artificial en un área de text?
  • Descubre el número de "línea" (fila) del cursor en un área de text
  • Borrar reactJs textarea después de enviar
  • Obtenga la position de desplazamiento del cursor en un área de text en píxeles
  • Copiar de textarea a div, preservando linebreaks
  • Cómo get el alto del text dentro de un área de text
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.