Quiero que el color de la fuente cambie en un área de texto mientras escribo palabras clave específicas, como en Visual Studio.¿Cómo puedo tener diferentes colores de fuente en un área de texto?
No he visto esto en ninguna parte, por lo que no sé si esto es posible con HTML y JavaScript.
¿Alguien ha visto algo como esto? ¿O sabes cómo escribirlo?
Es probable que tenga que ejecutar javascript en el cliente para detectar cuándo los cambios en el texto, a continuación, reemplazar el texto que se destaca con algunos elementos HTML niño con el estilo propio.
Por ejemplo
descripción original:
This is what the user typed.
texto resaltado
This is what the <a class="className">user</a> typed.
Área de texto es un elemento HTML estándar y así fue inventado justo después del amanecer del tiempo. Desafortunadamente, esto significa que está limitado en apariencia y funcionalidad.
Por lo que yo sé, no es posible cambiar los colores de palabras específicas. Sin embargo, una forma de evitar esto sería tener un iFrame incrustado en la página. De esta forma, puede tratar el contenido de iFrame como otra página web y diseñarlo con CSS.
El Yahoo RTE, el FCKEditor y el Lightweight RTE funciona de esta manera.
Otra opción, que no utiliza un iFrame es el editor utilizado aquí en desbordamiento de pila, conocido como el ADM. Los archivos son here.
No es posible.
forma de hacerlo es hacer que la fuente del área de texto, pero no cursor, transparente usando color:#000;-webkit-text-fill-color:transparent, a continuación, crear subyacente, 100% superposición div a la que se copiará el contenido de textarea + formateado en el evento de área de texto oninput.
Tendrá que adress (o evitar) algunas cuestiones que sale de la sincronización de estos dos elementos, como por ejemplo el desplazamiento, pero se puede hacer. Hice mi propio editor de HTML de esta manera.
AFAIK, css property -webkit-text-fil-colour es compatible con Opera, Chrome y debería estar disponible en Firefox v.48, que pronto será lanzado.