Criando WYSIWYG

Olá estou criando um Editor de códigos que automaticamente muda a cor do código enquanto o programador escreve no campo. Eu sei +- o caminho que devo seguir que seria simular uma div como um textarea só que alguém poderia me dar uma luz de como fazer isso? Um pequeno exemplo é o editor do Tumblr que automaticamente muda a cor de caracteres entre "" para verde por exemplo e caracteres entre :; ficam amarelos e por ae vái.

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/g8x5B.jpg&key=f7134bbeba0022e17daa5d794a6b7d64a076f5792c535536fbb84d0ef8fc1579" alt="g8x5B.jpg" />

Gostaria muito da ajuda de vocês para esclarecer essa minha dúvida de como criar um editor parecido com esses. Ou só simplesmente simular uma div como um textarea. Obrigado :)