Crear texto colorido en JavaScript

Question

Estoy tratando de escribir una función que imprime un texto determinado en una etiqueta <div id="1">.

La cadena debe marcar ciertos valores de índice en diferentes colores.

Lo que he escrito ahora es ir a todos los valores del índice que tengo y añadir una etiqueta <font color="color">, y luego añadirla utilizando div1.innerHTML = result;

Es un montón de trabajo, y es muy complicado. ¿Hay alguna otra manera de que pueda crear un objeto de cadena como he descrito sin estas etiquetas HTML?

Si puedo hacer eso, entonces me acaba de utilizar div1.appendChild(String);

Answer 1

general soy reacio a recomendar que cualquiera uso de una biblioteca que no tienen ya afirman utilizar, pero este es uno de esos momentos en que la cuestión casi directamente pide una biblioteca como respuesta :-)

Consulte Lettering.JS. Fue diseñado para hacer exactamente lo que describes. Envuelve su contenido de texto por carta o palabra o línea (creo) en etiquetas <span>, bajo su control. A continuación, utiliza CSS para elementos de estilo, o algunos más JavaScript para manipular y diseñar los elementos que crea para usted.

Answer 2

si lo que buscas es una coloración de sintaxis, puedes probar este plugin jQuery. http://www.steamdev.com/snippet/