Reemplazo de palabras mientras el usuario está escribiendo entrada (JS)

Tengo un código que muestra lo que un usuario está escribiendo y esa entrada se escribe de nuevo en el documento html.

Este es el siguiente código:

    body{font-family:century gothic;}   
$('.chatinput').keyup(function(event) { newText = event.target.value; $('.printchatbox').text(newText); });

¿Puede alguien ayudarme a averiguar cómo puedo hacerlo para que reemplace una palabra o una línea de cadena en otra cosa en vivo mientras el usuario está escribiendo?

Por ejemplo, si el usuario escribe “esto es una cadena” … el progtwig lo escribe en el documento html, pero también cambia automáticamente esa cadena específica en algo como “Este es un texto” de “Esta es una cadena”. ¡Por favor ayuda!

Por favor, vea mi violín aquí .

Creé un objeto donde puedes agregar todas las cadenas que necesitas reemplazar en un par clave-valor. Tenga en cuenta, sin embargo, que debe escapar de los caracteres especiales para RegExp (con una \ ).

JS

 var replaceValues = { 'string' : 'text', 'foo' : 'bar' } $('.chatinput').keyup(function (event) { newText = event.target.value; for (var txt in replaceValues) { var temp = new RegExp(txt, 'gim'); newText = newText.replace(temp, replaceValues[txt]); } $('.printchatbox').text(newText); }); 

Simplemente puede utilizar la función de reemplazo en su variable.