Как у разработчика, очевидно, что ваш основной рабочий инструмент, который позволит вам быстро идею превратить в код: текстовый редактор. Время идёт, и теперь нам доступно множество онлайновых текстовых редакторов, которые могут помочь вам создавать свой код с любого компьютера, имеющего доступ в интернет. В этой статье рассмотрим более 10 таких редакторов.
Созданый в 2007 Петром Кронторадом (Petr Krontorad), Amy Editor продвинутый редактор с интерфейсом в стиле Mac. Amy Editor имеет в наличие кучу полезных опций, такие как нумерация строк, подсветка синтаксиса, сниппеты для более чем 20 языков, совместное использование и прочее.
![Ami Editor Ami Editor](https://habrastorage.org/r/w1560/getpro/habr/post_images/9c3/79b/c67/9c379bc67d9a2c9cea0c04ab8ce9fb2c.png)
» http://www.amyeditor.com
Как вы можете заметить из названия, JSBin онлайн редактор, сфокусированный в основном на Javascript. Мне действительно нравится его простой и ясный интерфейс. Любой код может быть протестирован с помощью функции «Предпросмотр» и затем экспортирован в файл.
Другая хорошая вещь в JSBin то, что он может импортировать популярные Javascript фреймворки, такие как jQuery или Mootools, так что вы можете тестировать свои плагины без проблем.
![JSBin JSBin](https://habrastorage.org/r/w1560/getpro/habr/post_images/b5f/e71/e2f/b5fe71e2fd26646dd71d389a9dbddd0a.png)
» http://jsbin.com
Bespin, активно использующий HTML5, — новый проект от Mozilla Labs. Этот очень мощный редактор, имеющий много классных опций. Для использования редактора, вам необходимо создать аккаунт. Заметьте, что Bespin может быть скачан и встроен в любой веб-проект простым добавлением двух файлов в header.
![Bespin Bespin](https://habrastorage.org/r/w1560/getpro/habr/post_images/940/9c1/8eb/9409c18eb6dc6996e4d123a1a7c6e121.png)
» https://bespin.mozilla.com
Kodingen — ещё один великолепный онлайн-редактор, возможно один из самых навороченных из этого списка. Он может быть использован как без регистрации, так и вы можете создать аккаунт и использовать дополнительные возможности, такие как репозиторий SVN, совместная работа и т.д.
У этого редактора есть шаблоны для основных языков программирования, подсветка синтаксиса, нумерация строк и еще много всего. Обязательно попробуйте!
![Kodingen Kodingen](https://habrastorage.org/r/w1560/getpro/habr/post_images/a56/61e/fae/a5661efaebfdb2ad75ce4c94f9ef12b8.png)
» http://kodingen.com
EditPad, в отличии от предыдущих редакторов в этой статье, простой и минималистичный. Без подсветки синтаксиса, без возможности управления проектом… Просто обычная страница для ввода текста без излишеств. Я не особо фанат такого, но такой «онлайновы notepad» может сэкономить кучу нервов на медленной машине.
![EditPad EditPad](https://habrastorage.org/r/w1560/getpro/habr/post_images/f15/b52/20d/f15b5220da8dc6ad4511b286fe31d65d.png)
» http://www.editpad.org
TypeIt не редактор кода, и я извиняюсь за то, что он попал сюда в статью. Это удобная утилита, которая даёт быстрый доступ для специальных символов, таких как французские буквы. Определённо необходимый сайт в вашем избранном если вы часто работаете над мульти-язычными проектами.
![TypeIt TypeIt](https://habrastorage.org/r/w1560/getpro/habr/post_images/1e5/234/b03/1e5234b03f7c9cf812c6b72f02417040.png)
» http://www.typeit.org
PractiCode — совершенно простой редактор кода. Есть небольшое количество функций (удобные для CSS, HTML и VbScript), но это идеально для быстрого создания «грязного» кода.
![PractiCode PractiCode](https://habrastorage.org/r/w1560/getpro/habr/post_images/1c5/9d2/011/1c59d2011f30dfd3a21224b6d69145e8.png)
» http://www.landofcode.com/online-code-editor.php
9ne (произносится: Найн (Nine)) — прекрасный онлайн редактор, взявший за основу GNU Emacs. 9ne предоставляет большинство основного функционала Emacs и сейчас поддерживает подсветку синтаксиса XML и JavaScript.
![9ne 9ne](https://habrastorage.org/r/w1560/getpro/habr/post_images/413/3cb/8fe/4133cb8fe33dc204fd01d538f48ca50c.png)
» http://robrohan.com/projects/9ne/
Vi всегда был одним из моих самых любимых редакторов всех времён. Почему? Потому что он мощный, быстрый и вы можете найти его везде: дистрибутивы GNU/Linix, Mac, веб-сервер… Теперь я также могу найти Vi в онлайн в его реинкарнации JSVI. Большинство функциональности VI было реализовано в этой версии для онлайна.
![jsvi jsvi](https://habrastorage.org/r/w1560/getpro/habr/post_images/f06/8fe/30c/f068fe30cffe6eb2c3c783eb9ee74d41.png)
» http://gpl.internetconnection.net/vi/
Как говорит нам название, HTMLedit — это (очень простой) HTML редактор, который может быть использован для быстрого и чернового кодирования. Однако, он для нас имеет сомнительный интерес, по сравнению с остальными пунктами этого списка.
![HTMLedit HTMLedit](https://habrastorage.org/r/w1560/getpro/habr/post_images/aae/09d/e45/aae09de45d10a18f565d39502248ed55.png)
» http://htmledit.squarefree.com/
Вы когда-нибудь чувствовали себя обезумевшими, работая над глючным куском кода? Если так, то тогда без сомнения вам понравится DarkCopy. Этот простой редактор с ограниченным функционалом, однако, имеющий тёмный, несуетливый интерфейс, так, что вы сможете сконцентрироваться только над самым важным: сделать это.
![DarkCopy DarkCopy](https://habrastorage.org/r/w1560/getpro/habr/post_images/ba2/274/fc7/ba2274fc7485cbddfafe00f6fd25d9ce.png)
» http://darkcopy.com
SimpleText.ws возможно и имеет классный вид в стиле старого Apple, но это также мощная штука, которая позволит вам создавать, редактировать и сохранять текстовые файлы на вашем веб-сервере. Немаловажно, что вы можете разместить этот редактор у себя, если захотите, используя Google Apps Engine. Этот мануал вам поможет.
![SimpleText SimpleText](https://habrastorage.org/r/w1560/getpro/habr/post_images/f70/a7b/360/f70a7b3609c0222a64b57d019bedaeec.png)
» http://www.simpletext.ws
Оригинал: 10+ Useful Online Code Editors
Amy Editor
Созданый в 2007 Петром Кронторадом (Petr Krontorad), Amy Editor продвинутый редактор с интерфейсом в стиле Mac. Amy Editor имеет в наличие кучу полезных опций, такие как нумерация строк, подсветка синтаксиса, сниппеты для более чем 20 языков, совместное использование и прочее.
![Ami Editor Ami Editor](https://habrastorage.org/getpro/habr/post_images/9c3/79b/c67/9c379bc67d9a2c9cea0c04ab8ce9fb2c.png)
» http://www.amyeditor.com
JSBin
Как вы можете заметить из названия, JSBin онлайн редактор, сфокусированный в основном на Javascript. Мне действительно нравится его простой и ясный интерфейс. Любой код может быть протестирован с помощью функции «Предпросмотр» и затем экспортирован в файл.
Другая хорошая вещь в JSBin то, что он может импортировать популярные Javascript фреймворки, такие как jQuery или Mootools, так что вы можете тестировать свои плагины без проблем.
![JSBin JSBin](https://habrastorage.org/getpro/habr/post_images/b5f/e71/e2f/b5fe71e2fd26646dd71d389a9dbddd0a.png)
» http://jsbin.com
Bespin
Bespin, активно использующий HTML5, — новый проект от Mozilla Labs. Этот очень мощный редактор, имеющий много классных опций. Для использования редактора, вам необходимо создать аккаунт. Заметьте, что Bespin может быть скачан и встроен в любой веб-проект простым добавлением двух файлов в header.
![Bespin Bespin](https://habrastorage.org/getpro/habr/post_images/940/9c1/8eb/9409c18eb6dc6996e4d123a1a7c6e121.png)
» https://bespin.mozilla.com
Kodingen
Kodingen — ещё один великолепный онлайн-редактор, возможно один из самых навороченных из этого списка. Он может быть использован как без регистрации, так и вы можете создать аккаунт и использовать дополнительные возможности, такие как репозиторий SVN, совместная работа и т.д.
У этого редактора есть шаблоны для основных языков программирования, подсветка синтаксиса, нумерация строк и еще много всего. Обязательно попробуйте!
![Kodingen Kodingen](https://habrastorage.org/getpro/habr/post_images/a56/61e/fae/a5661efaebfdb2ad75ce4c94f9ef12b8.png)
» http://kodingen.com
EditPad
EditPad, в отличии от предыдущих редакторов в этой статье, простой и минималистичный. Без подсветки синтаксиса, без возможности управления проектом… Просто обычная страница для ввода текста без излишеств. Я не особо фанат такого, но такой «онлайновы notepad» может сэкономить кучу нервов на медленной машине.
![EditPad EditPad](https://habrastorage.org/getpro/habr/post_images/f15/b52/20d/f15b5220da8dc6ad4511b286fe31d65d.png)
» http://www.editpad.org
TypeIt
TypeIt не редактор кода, и я извиняюсь за то, что он попал сюда в статью. Это удобная утилита, которая даёт быстрый доступ для специальных символов, таких как французские буквы. Определённо необходимый сайт в вашем избранном если вы часто работаете над мульти-язычными проектами.
![TypeIt TypeIt](https://habrastorage.org/getpro/habr/post_images/1e5/234/b03/1e5234b03f7c9cf812c6b72f02417040.png)
» http://www.typeit.org
PractiCode
PractiCode — совершенно простой редактор кода. Есть небольшое количество функций (удобные для CSS, HTML и VbScript), но это идеально для быстрого создания «грязного» кода.
![PractiCode PractiCode](https://habrastorage.org/getpro/habr/post_images/1c5/9d2/011/1c59d2011f30dfd3a21224b6d69145e8.png)
» http://www.landofcode.com/online-code-editor.php
9ne
9ne (произносится: Найн (Nine)) — прекрасный онлайн редактор, взявший за основу GNU Emacs. 9ne предоставляет большинство основного функционала Emacs и сейчас поддерживает подсветку синтаксиса XML и JavaScript.
![9ne 9ne](https://habrastorage.org/getpro/habr/post_images/413/3cb/8fe/4133cb8fe33dc204fd01d538f48ca50c.png)
» http://robrohan.com/projects/9ne/
jsvi
Vi всегда был одним из моих самых любимых редакторов всех времён. Почему? Потому что он мощный, быстрый и вы можете найти его везде: дистрибутивы GNU/Linix, Mac, веб-сервер… Теперь я также могу найти Vi в онлайн в его реинкарнации JSVI. Большинство функциональности VI было реализовано в этой версии для онлайна.
![jsvi jsvi](https://habrastorage.org/getpro/habr/post_images/f06/8fe/30c/f068fe30cffe6eb2c3c783eb9ee74d41.png)
» http://gpl.internetconnection.net/vi/
HTMLedit
Как говорит нам название, HTMLedit — это (очень простой) HTML редактор, который может быть использован для быстрого и чернового кодирования. Однако, он для нас имеет сомнительный интерес, по сравнению с остальными пунктами этого списка.
![HTMLedit HTMLedit](https://habrastorage.org/getpro/habr/post_images/aae/09d/e45/aae09de45d10a18f565d39502248ed55.png)
» http://htmledit.squarefree.com/
DarkCopy
Вы когда-нибудь чувствовали себя обезумевшими, работая над глючным куском кода? Если так, то тогда без сомнения вам понравится DarkCopy. Этот простой редактор с ограниченным функционалом, однако, имеющий тёмный, несуетливый интерфейс, так, что вы сможете сконцентрироваться только над самым важным: сделать это.
![DarkCopy DarkCopy](https://habrastorage.org/getpro/habr/post_images/ba2/274/fc7/ba2274fc7485cbddfafe00f6fd25d9ce.png)
» http://darkcopy.com
SimpleText
SimpleText.ws возможно и имеет классный вид в стиле старого Apple, но это также мощная штука, которая позволит вам создавать, редактировать и сохранять текстовые файлы на вашем веб-сервере. Немаловажно, что вы можете разместить этот редактор у себя, если захотите, используя Google Apps Engine. Этот мануал вам поможет.
![SimpleText SimpleText](https://habrastorage.org/getpro/habr/post_images/f70/a7b/360/f70a7b3609c0222a64b57d019bedaeec.png)
» http://www.simpletext.ws
Оригинал: 10+ Useful Online Code Editors