10+ удобных онлайн-редакторов
Как у разработчика, очевидно, что ваш основной рабочий инструмент, который позволит вам быстро идею превратить в код: текстовый редактор. Время идёт, и теперь нам доступно множество онлайновых текстовых редакторов, которые могут помочь вам создавать свой код с любого компьютера, имеющего доступ в интернет. В этой статье рассмотрим более 10 таких редакторов.
Amy Editor
Созданый в 2007 Петром Кронторадом (Petr Krontorad), Amy Editor продвинутый редактор с интерфейсом в стиле Mac. Amy Editor имеет в наличие кучу полезных опций, такие как нумерация строк, подсветка синтаксиса, сниппеты для более чем 20 языков, совместное использование и прочее.
» http://www.amyeditor.com
JSBin
Как вы можете заметить из названия, JSBin онлайн редактор, сфокусированный в основном на Javascript. Мне действительно нравится его простой и ясный интерфейс. Любой код может быть протестирован с помощью функции «Предпросмотр» и затем экспортирован в файл.
Другая хорошая вещь в JSBin то, что он может импортировать популярные Javascript фреймворки, такие как jQuery или Mootools, так что вы можете тестировать свои плагины без проблем.
Bespin
Bespin, активно использующий HTML5, — новый проект от Mozilla Labs. Этот очень мощный редактор, имеющий много классных опций. Для использования редактора, вам необходимо создать аккаунт. Заметьте, что Bespin может быть скачан и встроен в любой веб-проект простым добавлением двух файлов в header.
» https://bespin.mozilla.com
Kodingen
Kodingen — ещё один великолепный онлайн-редактор, возможно один из самых навороченных из этого списка. Он может быть использован как без регистрации, так и вы можете создать аккаунт и использовать дополнительные возможности, такие как репозиторий SVN, совместная работа и т.д.
У этого редактора есть шаблоны для основных языков программирования, подсветка синтаксиса, нумерация строк и еще много всего. Обязательно попробуйте!
EditPad
EditPad, в отличии от предыдущих редакторов в этой статье, простой и минималистичный. Без подсветки синтаксиса, без возможности управления проектом… Просто обычная страница для ввода текста без излишеств. Я не особо фанат такого, но такой «онлайновы notepad» может сэкономить кучу нервов на медленной машине. 
» http://www.editpad.org
TypeIt
TypeIt не редактор кода, и я извиняюсь за то, что он попал сюда в статью. Это удобная утилита, которая даёт быстрый доступ для специальных символов, таких как французские буквы. Определённо необходимый сайт в вашем избранном если вы часто работаете над мульти-язычными проектами.
» http://www.typeit.org
PractiCode
PractiCode — совершенно простой редактор кода. Есть небольшое количество функций (удобные для CSS, HTML и VbScript), но это идеально для быстрого создания «грязного» кода.
» http://www.landofcode.com/online-code-editor.php
9ne
9ne (произносится: Найн (Nine)) — прекрасный онлайн редактор, взявший за основу GNU Emacs. 9ne предоставляет большинство основного функционала Emacs и сейчас поддерживает подсветку синтаксиса XML и JavaScript.
» http://robrohan.com/projects/9ne/
jsvi
Vi всегда был одним из моих самых любимых редакторов всех времён. Почему? Потому что он мощный, быстрый и вы можете найти его везде: дистрибутивы GNU/Linix, Mac, веб-сервер… Теперь я также могу найти Vi в онлайн в его реинкарнации JSVI. Большинство функциональности VI было реализовано в этой версии для онлайна.
» http://gpl.internetconnection.net/vi/
HTMLedit
Как говорит нам название, HTMLedit — это (очень простой) HTML редактор, который может быть использован для быстрого и чернового кодирования. Однако, он для нас имеет сомнительный интерес, по сравнению с остальными пунктами этого списка.
» http://htmledit.squarefree.com/
DarkCopy
Вы когда-нибудь чувствовали себя обезумевшими, работая над глючным куском кода? Если так, то тогда без сомнения вам понравится DarkCopy. Этот простой редактор с ограниченным функционалом, однако, имеющий тёмный, несуетливый интерфейс, так, что вы сможете сконцентрироваться только над самым важным: сделать это.
» http://darkcopy.com
SimpleText
SimpleText.ws возможно и имеет классный вид в стиле старого Apple, но это также мощная штука, которая позволит вам создавать, редактировать и сохранять текстовые файлы на вашем веб-сервере. Немаловажно, что вы можете разместить этот редактор у себя, если захотите, используя Google Apps Engine. Этот мануал вам поможет.
» http://www.simpletext.ws
Dabblet
Dabblet — интерактивная площадка для развлечений на css3 и html5. Использует автоматическую подстановку префиксов css3. К примеру, в нем не надо 4 раза писать одно и тоже свойство border-radius с разными префиксами браузеров. О кроссбраузерности позаботится сам dabblet, его еще можно скачать себе с гитхаба.
CodePen
CodePen — строго говоря, это не онлайн редактор, а такой своеобразный Dribble, где можно посмотреть кучу клевых примеров с исходным кодом и наваять, какие-нибудь свои клиентские поделки. Попробуйте, он клевый.
JS Fiddle
Хороший, удобный редактор, с возможностью подключения кучи библиотек, (jQuery, Mootools, Dojo и др.). Отлично подходит чтобы отладить какой-нибудь js-сниппет или скрипт. Умеет классно расшаривать примеры.
JSBin
Редактор сфокусирован в основном на джаваскрипте, можно интегрировать различные библиотеки, jQuery различных версий, Prototype и другие. Можно составить скрипт, посмотреть результат и сохранить его
Примерочная
Она не такая навороченная как jsBin и JS Fiddle но основные вещи для демонстрации примера делает хорошо и главную фишку с расшариванием примера тоже поддерживает.
Google Code Playground
Продукт от Гугла для совместного тестирования кода джаваскрипта. Поддерживает популярные библиотеки jQuery, jQueryUI, MooTools, Dojo, Prototype, Scriptaculous и умеет расшаривать свои примеры. Но есть и недостатки, почему-то не поддерживает кирилицу, хотя в описание и сказано про кодировку utf-8.
Tinkerbin
Этот редактор помимо стандартных js, html, css поддерживает еще и sass, haml, less, CoffeeScript и еще какие-то вещи. Мощный онлайн редактор, есть даже горячие клавиши для переключения между табами, для запуска примера.
HTMLedit
Судя по названию видно, что редактор нацелен на редактирование html, в верхней части вводим код, в нижней моментально видим результат.
Kodingen
Наверно это самый мощный редактор из представленных здесь. В нём можно редактировать файлы: .js, .html, .php, .py, .json и другие. Есть возможность совместной работы над одним проектом, с помощью SVN (такая возможность даётся при регистрации). При открытии файла можно выбрать цветовую тему. Кроме подсветки синтаксиса есть и другие приятные мелочи: нумерация строк, шаблоны и др.
PractiCode
Простой редактор для того чтобы быстро проверить пару CSS правил или какой-нибудь грязный код. В общем, со своими задачами справляется.
http://www.landofcode.com/online-code-editor.php/
JS компрессор
Удобная штука — сжимает код.
Cross-Browser css Prefixer
Кроссбраузерно расписывает правила css3, например, написав правило border-radius, можно получить кроссбраузерно расписанное это правило со всеми вендорными префиксами. В отличии от dabblet, css Prefixer наглядно это расписывает.
ECMAScript 6
Для гурманов джаваскрипта — здесь можно потестить новые особенности ECMAScript 6.
ECMAScript 6
