¿Es posible tener varios textcolors diferentes en un área de texto?

Me gustaría que varias palabras / fases en un área de texto aparezcan en diferentes colores … ¿Cómo haría esto? Debajo hay un ejemplo, me gustaría que la palabra verde aparezca verde, etc. etc.

 

No puedes hacer esto dentro de un , no uno que sea editable. Parece que buscas un editor WYSIWYG , la mayoría usa un para hacer esto.

Hay varias opciones de JavaScript para esto, por nombrar algunos:

  • TinyMCE
  • CKEditor

No creo que sea posible hacer eso solo con un textarea y html. Lo que necesita es un cuadro de Texto enriquecido Puede rodar el suyo o utilizar los populares disponibles

Otra opción que puede tener cuando se dirige a navegadores habilitados para html5 es el atributo contentEditable . Puedes usarlo para hacer un control tipo caja de texto

No puede hacer esto con un área de texto o una etiqueta de entrada. Sin embargo, como se mencionó en @naikus, puedes usar el atributo contenteditable. Es como sigue:

 
Hello, my name is Bob and I have a friend name Joe.
 
Hello, my name is Bob and I have a friend name Joe.

Esto no es posible en un área de texto normal.

  • Para los enfoques similares a resaltar la syntax, consulte las respuestas a esta pregunta .

  • Para obtener una solución WYSIWYG más completa y completa que pueda reproducir colores y otros formatos, imágenes, etc., consulte un editor WYSIWYG como CKEditor .

No puede hacer esto con los controles html predeterminados. Puede usar editores de cuadros de texto enriquecidos para obtener lo que desea, por ejemplo, consulte esta pregunta:

¿Cuál es el mejor editor de texto enriquecido para jQuery?

Eso no es posible con las especificaciones w3c actuales. Si está buscando una solución alternativa, consulte codemirror o editArea para conocer sus soluciones para el resaltado de syntax.

puedes usar span

Un elemento utilizado para colorear una parte de un texto:

ejemplo:

My mother has blue eyes.

Definición y uso La etiqueta se usa para agrupar elementos en línea en un documento.

La etiqueta no proporciona ningún cambio visual por sí mismo.

La etiqueta proporciona una forma de agregar un gancho a una parte de un texto o una parte de un documento.