Создание собственного онлайн-редактора кода — с чего начать?

Question

[Levorukij5]

Хочу создать собственный онлайн-редактор кода, сначала HTML и CSS, потом буду развивать.
Нужно, чтобы в одном окошке на странице юзер мог писать html с инлайновыми стилями, в другом - css, как если бы это был отдельный подключенный файл, а в третьем без обновления страницы демонстрировался результат.

Базовые навыки веб-разработки имеются, но не очень представляю, с чего начать, чем пользоваться

Comments

[Антон Середний]

напишите чуваку с ником skanersoft.

Он пишет сейчас свой редактор Game Coder

[sim3x]

Напишите ТЗ

[Алексей Ярков]

Не хочу показаться занудой, но надо начать с твердой уверенности: а надо ли вообще?

Answer 1

[Stalker_RED]

Начать не сложно. Парочка textarea, блок для отображения и обновление по событию input.
jsfiddle.net/Stalk/tfhvgg6z/show/light

Остались мелочи - прикрутить подсветку синтаксиса, например.
Но если возьмете готовую, то всё проще.

Answer 2

[cicatrix]

Начать надо с парсера (ну или готовый взять), чтобы он мог токенизировать элементы, это самое сложное. Остальное уже тривиально.

Answer 3

[RubaXa]

Ace