[Resolvido] Destaca Sintaxe de Código Em Tempo Real

Ola pessoal

Então estou tentando criar um campo DIV ou TEXTAREA que seja possivel digiar um código de HTML php e etc... e Ele ir fazer um Highlight Syntax ou seja, vai colorindo o código sozinho. MAS EM TEMPO REAL.

Eu consegui fazer algo aqui com a tag <ol> pois precisa enumerar as linhas tambem. Até que ficou lega porque eu sobreponho duas div e existem dois <ol> "Lista ordenada" com o CONTENTEDITABLE mas mesmo assim gostaria de saber se alguem tem uma ideia de como fazer isso.

Já pesquisei na internet e encontrei VARIOS projeto mas todos eles voltado para apenas mostrar o código.

CONSIDERAÇÕES

1 - OBRIGATORIAMENTE DEVE SER EM JAVASCRIPT

2 - A FUNCAO DEVE COLORIR A LINHA E NAO TODO O TEXTO PELO FATO DE QUE CASO ESCREVA UM CÓDIGO DE MUITAS LINHAS NAO FIQUE LENTO

3 - JA PESQUISEI EXATAMENTO 12 PROJETO QUE SAO

Google Hight Light

GeSha

Highlight

Entre outros...

4 - Tem que funcionar para Firefox, Chrome e Safari

--------------------------

Valeu galera abraço.