Создание собственного онлайн-редактора кода — с чего начать?
Начать не сложно. Парочка textarea, блок для отображения и обновление по событию input.
jsfiddle.net/Stalk/tfhvgg6z/show/light
Остались мелочи - прикрутить подсветку синтаксиса, например.
Но если возьмете готовую, то всё проще.
Начать надо с парсера (ну или готовый взять), чтобы он мог токенизировать элементы, это самое сложное. Остальное уже тривиально.