Tengo un área de textarea que necesita color verde para la línea que comienza con doble barra (//).
<textarea id="code-init" spellcheck="false"></textarea>ahora he usado el siguiente código para intentar lo que pensé,
document.getElementById("code-init").onkeyup = e => { if(e.key === '/') { console.log(e.key) document.getElementById("code-init").onkeyup = e =>{ if(e.key === '/') e.target.style.color = "green" document.getElementById("code-init").onkeyup = e =>{ if(e.key === "Enter") e.target.style.color = "white" } } } }Puede simular un div e insertar cada letra como intervalo. ¿Devolver la llamada y verificar si incluyen // luego recorrer los caracteres para definir "una línea" y colorear los tramos de la "línea"? http://jsbin.com/qinacusuzo/edit?html,salida
O use un degradado lineal para colorear el fondo del área de texto: https://jsfiddle.net/c6hzg08d/
Una tarea difícil, tal vez valga la pena buscar bibliotecas que lo ayuden a lograrlo.