Онлайн редактор html/css/js кода (но не простой, а…)?

Question

[Андрей Мацовкин]

Собственно запрос в заголовке, но есть у меня определенные требования :)

• обязательно поддержка ZenCoding (см. emmet.io)
  
• обязательно возможность работы синхронно (pair programming)
  
• обязательно онлайн отображение результатов (в отдельном окне или с возможностью быстро переключиться на результат)
  

Знаю что все это есть в codepen.io, но только на платных тарифах.

Может есть бесплатные аналоги?

Answer 1

[Malyw]

http://cssdeck.com
Плюсы:
— ZenCoding
— Collaborating/ Teaching (присоединений к просмотру изменений/правке кода онлайн)
— Позволяет присоеденяться к изменению кода незалогиненным пользователям
— Очень юзабельно при проведении собеседований
Минусы:
— Изредка «подвисает»- требуется перезагрузка странички.

Например, откройте несколько окон со следующей ссылкой и измените что-нибудь в коде:
http://cssdeck.com/labs/collab/vvk80hyg/0

Comments

[Андрей Мацовкин]

В свое время смотрел на него, видимо тогда не обратил внимания на «Collaborating-mode». Спасибо.
Похоже мечты сбываются. :)

[Андрей Мацовкин]

Странное поведение сервиса. Сначала было все хорошо, потом в Хроме стал открываться только базовый вариант примера
cssdeck.com/labs/collab/vvk80hyg/0
Т.е. без каких либо изменений, которые делают онлайн пользователи.
В FF все ном — вижу отредактированную версию… А в Хроме нет. И изменения из Хрома соотв. не видно в FF.

[Андрей Мацовкин]

Почистил куки и кеш — все заработало. Т.е. вижу конечный, отредактированный вариант.

Answer 2

[Никита Гусаков]

Оффтоп, но по теме.
Подскажите, зачем вообще пользуются онлайн-редакторами? Есть множество бесплатных, в разы мощных редакторов. Если конечно у вас не chrome os, или какая-то подобная

Comments

[EugeneOZ]

Видимо, чтобы с кем-то одновременно кодить (я так понял из вопроса).

[Андрей Мацовкин]

Применений может быть много.
Скажу за себя:
1. не всегда бываю за домашним (он же рабочий) компьютером где установлен Eclipse, а желание записать/протестировать кусок кода возникает.
2., бывает необходимость продемонстрировать что-то «по быстрому», без заливки на свой ftp/…
3. в данном случае, как правильно заметили, главное одновременно кодить — хочу научить сестру азам веб-разрабобтки.

Answer 3

[Андрей Мацовкин]

Вот еще наткнулся на http://plnkr.co.

Тоже имеет collaborative mode. Позволяет создавать отдельные файлы html, css, js. И сохранять отредактированный набор в виде «снипета».
Чуть более «грузный» чем cssdeck. Но может кому-то будет полезен.
Zencoding в нем работает хуже (по крайней мере у меня сложные конструкции не разворачивал).

Answer 4

[PaxRoma]

Попался вот небольшой обзор онлайн-редакторов с описаниями и т.д geek-nose.com/html-redaktor-onlajn-luchshie-instru... Выбирайте на свой вкус ))