Визуальный HTML, CSS, редактор

Общее
1

Доброго времени суток!
Подскажите пожалуйста каким образом реализуются такие вот визуальные редакторы?

Когда пользователь пишет какой-то html код и каскадную таблицу в окошках, а в другом получает тут-же визуальный результат.

Может кто нибудь поделиться исходниками? Очень хочется разобраться, как создавать что-то подобное и как такие “визуальные редакторы” работают.

2

Здесь можно все посмотреть, в том числе, как добавить на свой сайт http://ace.c9.io/

1 лайк
3

А можно поточнее в каком разделе смотреть?) что-то не смог найти нужного))

4

Здравствуйте! Я пока еще далек от JavaScript. Но понятно одно, что технология базируется на Ajax. Это дистрибутивы - https://github.com/ajaxorg/ace-builds/, где имеется сам редактор - ace.js, расширения вроде ext-emmet.js, темы, режимы, сниппеты. Подключаешь, что тебе нужно, формируешь область ввода, вывода. Вся основная информация на официальном сайте. Поточнее указать не могу, порекомендую почитать несколько статей, чтобы было понятно:
https://groups.google.com/forum/#!forum/ace-discuss
http://habrahabr.ru/post/174987/
http://modx.im/blog/addons/264.html
http://xdan.ru/Uluchshaem-juzabiliti-textarea-s-pomoshhju-ace-js.html

1 лайк
5

Я тоже в этом во всем далек. Жаль администрация не дала ответа((

6

Надо учиться долго и упорно.

2 лайка