JavaScript - Como crear un editor de texto en mi pagina web y una ventana para visualizarlo

Hola a todos, lo que pasa es que quiero crear una pagina de cursos de programacion, y que sea auto evaluadora, y o que sucede es que estoy viendo que en la mayoria de ellas tienen como un editor de texto y una ventana donde aparece el codigo ya leido por el navegador, quiero hacer algo similar pero no se por donde empezar, alguien me puede ayudar.

Hola Proramr, te refieres a un editor WYSIWYG?
algo como el ckeditor: http://ckeditor.com/
o si lo quieres hacer tu: http://www.lawebdelprogramador.com/codigo/JavaScript/3283-Crear-un-editor-WYSIWYG.html