10+ удобных онлайн-редакторов

Как у разработчика, очевидно, что ваш основной рабочий инструмент, который позволит вам быстро идею превратить в код: текстовый редактор. Время идёт, и теперь нам доступно множество онлайновых текстовых редакторов, которые могут помочь вам создавать свой код с любого компьютера, имеющего доступ в интернет. В этой статье рассмотрим более 10 таких редакторов.

Amy Editor

Созданый в 2007 Петром Кронторадом (Petr Krontorad), Amy Editor продвинутый редактор с интерфейсом в стиле Mac. Amy Editor имеет в наличие кучу полезных опций, такие как нумерация строк, подсветка синтаксиса, сниппеты для более чем 20 языков, совместное использование и прочее.
amyeditor
» http://www.amyeditor.com

JSBin

Как вы можете заметить из названия, JSBin онлайн редактор, сфокусированный в основном на Javascript. Мне действительно нравится его простой и ясный интерфейс. Любой код может быть протестирован с помощью функции «Предпросмотр» и затем экспортирован в файл.
Другая хорошая вещь в JSBin то, что он может импортировать популярные Javascript фреймворки, такие как jQuery или Mootools, так что вы можете тестировать свои плагины без проблем.

jsbin
» http://jsbin.com

Bespin

Bespin, активно использующий HTML5, — новый проект от Mozilla Labs. Этот очень мощный редактор, имеющий много классных опций. Для использования редактора, вам необходимо создать аккаунт. Заметьте, что Bespin может быть скачан и встроен в любой веб-проект простым добавлением двух файлов в header.
bespin
» https://bespin.mozilla.com

Kodingen

Kodingen — ещё один великолепный онлайн-редактор, возможно один из самых навороченных из этого списка. Он может быть использован как без регистрации, так и вы можете создать аккаунт и использовать дополнительные возможности, такие как репозиторий SVN, совместная работа и т.д.
У этого редактора есть шаблоны для основных языков программирования, подсветка синтаксиса, нумерация строк и еще много всего. Обязательно попробуйте!

kodingen
» http://kodingen.com

EditPad

EditPad, в отличии от предыдущих редакторов в этой статье, простой и минималистичный. Без подсветки синтаксиса, без возможности управления проектом… Просто обычная страница для ввода текста без излишеств. Я не особо фанат такого, но такой «онлайновы notepad» может сэкономить кучу нервов на медленной машине. editpad
» http://www.editpad.org

TypeIt

TypeIt не редактор кода, и я извиняюсь за то, что он попал сюда в статью. Это удобная утилита, которая даёт быстрый доступ для специальных символов, таких как французские буквы. Определённо необходимый сайт в вашем избранном если вы часто работаете над мульти-язычными проектами.
typeit
» http://www.typeit.org

PractiCode

PractiCode — совершенно простой редактор кода. Есть небольшое количество функций (удобные для CSS, HTML и VbScript), но это идеально для быстрого создания «грязного» кода.
practicode
» http://www.landofcode.com/online-code-editor.php

9ne

9ne (произносится: Найн (Nine)) — прекрасный онлайн редактор, взявший за основу GNU Emacs. 9ne предоставляет большинство основного функционала Emacs и сейчас поддерживает подсветку синтаксиса XML и JavaScript.
9ne
» http://robrohan.com/projects/9ne/

jsvi

Vi всегда был одним из моих самых любимых редакторов всех времён. Почему? Потому что он мощный, быстрый и вы можете найти его везде: дистрибутивы GNU/Linix, Mac, веб-сервер… Теперь я также могу найти Vi в онлайн в его реинкарнации JSVI. Большинство функциональности VI было реализовано в этой версии для онлайна.jsvi
» http://gpl.internetconnection.net/vi/

HTMLedit

Как говорит нам название, HTMLedit — это (очень простой) HTML редактор, который может быть использован для быстрого и чернового кодирования. Однако, он для нас имеет сомнительный интерес, по сравнению с остальными пунктами этого списка.
htmledit
» http://htmledit.squarefree.com/

DarkCopy

Вы когда-нибудь чувствовали себя обезумевшими, работая над глючным куском кода? Если так, то тогда без сомнения вам понравится DarkCopy. Этот простой редактор с ограниченным функционалом, однако, имеющий тёмный, несуетливый интерфейс, так, что вы сможете сконцентрироваться только над самым важным: сделать это.
DarkCopy
» http://darkcopy.com

SimpleText

SimpleText.ws возможно и имеет классный вид в стиле старого Apple, но это также мощная штука, которая позволит вам создавать, редактировать и сохранять текстовые файлы на вашем веб-сервере. Немаловажно, что вы можете разместить этот редактор у себя, если захотите, используя Google Apps Engine. Этот мануал вам поможет.
SimpleText
» http://www.simpletext.ws

Dabblet

Dabblet — интерактивная площадка для развлечений на css3 и html5. Использует автоматическую подстановку префиксов css3. К примеру, в нем не надо 4 раза писать одно и тоже свойство border-radius с разными префиксами браузеров. О кроссбраузерности позаботится сам dabblet, его еще можно скачать себе с гитхаба.

dabblet
Dabblet


CodePen

CodePen — строго говоря, это не онлайн редактор, а такой своеобразный Dribble, где можно посмотреть кучу клевых примеров с исходным кодом и наваять, какие-нибудь свои клиентские поделки. Попробуйте, он клевый.

CodePen
CodePen


JS Fiddle

Хороший, удобный редактор, с возможностью подключения кучи библиотек, (jQuery, Mootools, Dojo и др.). Отлично подходит чтобы отладить какой-нибудь js-сниппет или скрипт. Умеет классно расшаривать примеры.

js fiddle
js fiddle


JSBin

Редактор сфокусирован в основном на джаваскрипте, можно интегрировать различные библиотеки, jQuery различных версий, Prototype и другие. Можно составить скрипт, посмотреть результат и сохранить его

JSBin
http://jsbin.com


Примерочная

Она не такая навороченная как jsBin и JS Fiddle но основные вещи для демонстрации примера делает хорошо и главную фишку с расшариванием примера тоже поддерживает.

Примерочная
Примерочная


Google Code Playground

Продукт от Гугла для совместного тестирования кода джаваскрипта. Поддерживает популярные библиотеки jQuery, jQueryUI, MooTools, Dojo, Prototype, Scriptaculous и умеет расшаривать свои примеры. Но есть и недостатки, почему-то не поддерживает кирилицу, хотя в описание и сказано про кодировку utf-8.

Google Code Playground
Google Code Playground


Tinkerbin

Этот редактор помимо стандартных js, html, css поддерживает еще и sass, haml, less, CoffeeScript и еще какие-то вещи. Мощный онлайн редактор, есть даже горячие клавиши для переключения между табами, для запуска примера.

Tinkerbin
Tinkerbin


HTMLedit

Судя по названию видно, что редактор нацелен на редактирование html, в верхней части вводим код, в нижней моментально видим результат.

HTMLedit
HTMLedit


Kodingen

Наверно это самый мощный редактор из представленных здесь. В нём можно редактировать файлы: .js, .html, .php, .py, .json и другие. Есть возможность совместной работы над одним проектом, с помощью SVN (такая возможность даётся при регистрации). При открытии файла можно выбрать цветовую тему. Кроме подсветки синтаксиса есть и другие приятные мелочи: нумерация строк, шаблоны и др.

Kodingen
http://kodingen.com/


PractiCode

Простой редактор для того чтобы быстро проверить пару CSS правил или какой-нибудь грязный код. В общем, со своими задачами справляется.

PractiCode
http://www.landofcode.com/online-code-editor.php/


JS компрессор

Удобная штука — сжимает код.

JS компрессор
JS компрессор


Cross-Browser css Prefixer

Кроссбраузерно расписывает правила css3, например, написав правило border-radius, можно получить кроссбраузерно расписанное это правило со всеми вендорными префиксами. В отличии от dabblet, css Prefixer наглядно это расписывает.

Cross-Browser CSS Prefixer
css Prefixer

ECMAScript 6

Для гурманов джаваскрипта — здесь можно потестить новые особенности ECMAScript 6.
ECMAScript 6

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.