tengo un area de texto
<textarea class="text-area" (focus)="focusIn()" (focusout)="focusout($event)" formControlName="text" name="" id="" cols="30" rows="10"></textarea>Quiero hacer alguna función que detecte cuando un usuario escribió # agregue algo de color para esa palabra, por ejemplo
hello #worldAquí el mundo tendrá algo de fondo.
No tengo idea de cómo realizar la función.
Puede usar una expresión regular para capturar todo el texto que coincidirá con un patrón que define la estructura de sus etiquetas
let pattern = /(#\w+)/gm; let chaine = "hello #world #another tags"; let matches = [...chaine.match(pattern)]; console.log(matches); Como las etiquetas comienzan con un carácter # , puede usar este patrón /(#\w+)/gm con capturará todas las etiquetas en una cadena dada.
Puede obtener más información sobre String.proptotype.match en este enlace