Э как вы загнули. Простите, но если у вас появляются подобные вопросы, может вам рановато заниматься подобного рода заданиями? Ну если у вас есть много времени, сил, энергии, оптимизма и желания это сделать, то, для начала, посмотрите на исходные коды уже готовых решений -
https://ru.wikipedia.org/wiki/Ace_(%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1 %8B%D0%B9_%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0% BE%D1%80)
http://brackets.io/
Все же онлайн ide - очень серьёзная вещь, сделайте для начала просто редактор с подсветкой синтаксиса.