Asignar Diferente fuentes a div contenido editable

[yonineitor]

Buen día, tengo un arreglo de al menos 100 palabras.

Entonces cuento con un div editable contenteditable="true"

Dentro el usuario agrega texto indefinido, pero de ese arreglo que tengo quiero agregarle cierto estilo por ejemplo cuando el usuario introdusca: < hola mundo > que la palabra mundo se pinte de color rojo
me imagino que seria cargarle algun <span class="color" >mundo </span>

No supe si agregar el foro en JS o en PHP o HTML, ya que he encontrado editores muy completos como el como el jsbin que al parecer usa ajax pero desconosco como manejar el comportamiento.

Espero haberme explicado.


Saludos

[TSG]

Iniciado por yonineitor

Buen día, tengo un arreglo de al menos 100 palabras.

Entonces cuento con un div editable contenteditable="true"

Dentro el usuario agrega texto indefinido, pero de ese arreglo que tengo quiero agregarle cierto estilo por ejemplo cuando el usuario introdusca: < hola mundo > que la palabra mundo se pinte de color rojo
me imagino que seria cargarle algun <span class="color" >mundo </span>

No supe si agregar el foro en JS o en PHP o HTML, ya que he encontrado editores muy completos como el como el jsbin que al parecer usa ajax pero desconosco como manejar el comportamiento.

Espero haberme explicado.


Saludos

No se si es exactamente lo que buscas pero es lo que entendí:

Código HTML:

<font color="blue"> Aquí el texto </font>
 

Que sirve para darle color al texto que contenga entre sus etiquetas.

Saludos.

[yonineitor]

Lo que quisiera lograr es un pequeño editor de texto que solo marque ciertas palabras que yo tenga definida,
Tal y como funciona la siguientes web: http://jsbin.com/


Saludos