Javascript - Cambia el color de la fuente de cierto texto en textarea

Question

¿Hay alguna función JS que pueda cambiar el color de cierto texto en un área de texto?

Por ejemplo, blar blar {blar} blar, {blar}, incluido {}, estará en azul. Otras palabras estarán en blanco. En otras palabras, todo lo que necesito es una función que pueda cambiar el color de todo el texto en {}.

He hecho algunos estudios y parece que la mayoría de las personas dicen que no se puede hacer. Pero veo editores de texto enriquecido o aquellos editores wysiwyg que tienen la capacidad de subrayar o subrayar palabras. Debe haber una manera de hacerlo.

Cualquier sugerencia es bienvenida.

Answer 1

No puede usar textarea para hacer eso, per se.

Pero, javascript es tu amigo. Tal vez debería echar un vistazo al código de algunos editores de texto enriquecido.

Puedes comenzar con lwrte, ya que dice que es "liviano". Además, está escrito en jquery, por lo que será bastante fácil de entender. (y soy un fanático de jquery).

Espero que ayude,

JRH

Answer 2

WYSIWIG-editores están utilizando marcos flotantes en lugar de áreas de texto. Textareas es muy poco personalizable, ya que lo que buscas es cambiar parte del contenido. No puede agregar etiquetas dentro de un área de texto, lo que hace que sea imposible cambiar solo una parte del texto.

Si mira el editor aquí en SO, escribe texto normal dentro de un área de texto, y luego se transforma en el cuadro debajo de él, por lo que verá el asterisco dentro del cuadro de texto, pero en el cuadro siguiente, va a transformar caracteres especiales al regenerlos con etiquetas.

Si está utilizando Firebug, puede comenzar a escribir dentro del editor, mientras mira el HTML en el cuadro de vista previa.

Answer 3

Nadie mencionó el contenido Editable?
Solo cree un div de contentEditable y use javascript para darle un estilo.
Te recomiendo que busques en el Dojo Toolkit's.
Tiene un Editor widget.

Otros recursos:
Some contentEditable problems in IE.
How to use contentEditable with jQuery or without it.

Answer 4

Pienso que usted tendrá que utilizar el método execCommand de JavaScript que controla muchas cosas estas cosas tal de cambiar el textcolor specifc

Saludos

Answer 5

Sin embargo, algunos ¡Los editores de Jquery WYSIWYG hacen esto! Cómo es eso posible ? Consulte este editor lwrte