Визуальный редактор HTML,CSS на web-страницу?

Question

[iTotal]

Доброго времени суток!
Может кто нибудь знает, как можно реализовать подобное на сайте?
htmlacademy.ru/courses/4/run/5

Суть в том, что пользователь может на сайте изменять уже готовый, или писать свой собственный html код и css, а визуальный результат видеть в соседнем окошке (визуальный предпросмотр html/css написанного в реальном времени).

Answer 1

[Serj-One]

1) То, что вы описали, - не визуальный редактор.
2) То, что вам нужно, -
ace.c9.io
codemirror.net
Это web редакторы с подсветкой синтаксиса и плюшками. Вывод результата в соседний блок организовать не сложно.

Comments

[iTotal]

Про Ace читал, но не смог реализовать как сделать вывод результатов в соседний блок. Мануалов на эту тему, к сожалению найти не смог.

[Serj-One]

iTotal: Ajax или iFrame. Правильней Ajax'ом, проще iFrame'ом.

[iTotal]

Serj-One: Спасибо большое сижу изучаю.
но, проблема в том "Как это сделать", мои знания в этой области ниже среднего.

[Serj-One]

iTotal: Направление я подсказал, изучайте. Если нужно, чтоб сделали за вас, вам на fl.ru

[iTotal]

Serj-One: Ооо благодарю за ссылочку)

[iTotal]

Serj-One: а вы есть на fl.ru?