Basado en el siguiente código y descripción aquí:

Agregue viñetas a cada nueva línea dentro de un área de texto

 const bullet = "\u002a"; const bulletWithSpace = `${bullet} `; const enter = 13; const handleInput = (event) => { const { keyCode, target } = event; const { selectionStart, value } = target; if (keyCode === enter) { //console.log('debug'); target.value = [...value] .map((c, i) => i === selectionStart - 1 ? `\n${bulletWithSpace}` : c ) .join(''); //console.log(target.value); target.selectionStart = selectionStart+bulletWithSpace.length; target.selectionEnd = selectionStart+bulletWithSpace.length; } if (value[0] !== bullet) { target.value = `${bulletWithSpace}${value}`; } }

¿Cómo se puede modificar esto para que funcione de manera opuesta?

En lugar de agregar el objetivo a la primera posición de cada nueva línea. Cambie la posición de destino hasta el final.

Nota: reemplacé la viñeta unicode a * para probar

El código original hace esto:

 * text * new line

Cambiando el código para hacer en su lugar:

 text * new line * * = bullet in my example code