«Halo Coder». Подробности и преимущества

Подсветка синтаксиса


Автоматически определяет синтаксис
по расширению файла, поддерживает большинство языков.

Autocomplete


Завершает начатые элементы кода.
Учится вашему стилю кодинга.

Emmet


Ускорит работу
верстальщика и кодера.
Сниппеты для основных языков.

Code folding


Можно свернуть/развернуть
часть кода.

Мультикурсоры


Набор кода сразу
в нескольких местах!
Легко добавить, заменить
или стереть.

Цветовые схемы


«Halo Coder» придерживается
тёмной стороны.
У нас есть печеньки :)

Редактор кода «Halo Coder» на Ajax позволяет добавлять, редактировать, удалять файлы и папки на вашем сервере прямо в браузере. Вы без труда сможете редактировать код с подсветкой синтаксиса: php, js, html, css, txt, xml, tpl, sql, ini... и любых других файлов (более 50 типов!), без использования программ-редакторов.

Теперь не нужно ставить дополнительное программное обеспечение на компьютер, настраивать ftp-подключение, ждать загрузки. В любой точке планеты, где есть интернет и компьютер, вы можете отредактировать код вашей CMS, сервиса, интернет-магазина, любого другого сайта или скрипта. «Halo Coder» совместим со всем, что может находиться на сервере под Apache. Если вы используете CMS, в которой есть свои особенные расширения файлов, которые не понимает «Halo Coder» — просто напишите — добавим.

Уже реализованные возможности «Halo Coder»

Папки и файлы


Файловый менеджер умеет: открывать, создавать, сохранять, удалять, дублировать, перемещать, переименовывать.

Просмотр


Просмотр фото, шрифтов, flash
и содержания zip-архивов.

Помощник кода


Не забудете скобку
и найдете нужный блок.
Редактор добавит закрывающие теги и скобки, и подсветит при клике.

Порядочный local


Без регистрации и шпионажа.
Без рекламы и расширений за деньги. Можно и на localhost.

Мультиязычность


Сейчас в наличии
русский и английский.
Легко расширить.

Скорость работы


Всего один файл (~200 Кб)!!!
Дерево файлов грузится сразу.

А также:

  • Асинхронно выполняет все манипуляции без перезагрузки страницы с использованием Ajax
  • Быстрый и удобный выбор цвета из цветового колеса.
  • Поиск и замена в текстовых файлах (в том числе, используя регулярные выражения)
  • Редактор уверенно работает с огромными файлами (по меркам кода). Для примера создали php-файл с 300 тысячами строк (14 Мб) — открытие 40-45 секунд (на localhost), затем — удобная работа, не отличающаяся от работы с мелкими файлами. Скорость загрузки может быть меньше, она зависит от скорости вашего интернета и компьютера.
  • Кодировки: win-1251 и UTF-8
  • Быстрый поиск файлов и папок
  • Список комментариев, функций и классов, позволяющий легко ориентироваться в коде
  • Загрузка/выгрузка файлов
  • Буферный лист с автосохранением
  • Радио «Рекорд», опционально :)
  • Встроенный переводчик
  • Горячие клавиши на все случаи жизни

В процессе:

  • Операции с базой данных
  • Список связанных файлов, позволяющий быстро переключаться между ними
  • Авторизация
  • ...и многое другое

Хотите добавить какаю-то возможность в редактор — пишите.

«Курилка» разработчиков:

  • Модальные окна — это пережиток. Можно выводить информацию именно в том месте, к которому она относится. Пользователь уже смотрит на это место и не нужно тратить время на смену фокуса. А еще можно обращать внимание пользователя движением.
  • Быстрый поиск — выделил текст, нажал Ctrl+F (Cmd+F) и скачешь по совпадениям в текущем файле, нажимая Enter. Нажал на кнопку [+] в форме поиска — получил замену.
  • От панели проектов и FTP отказались, считаем это неудобным. Редактор заточен под использование на отдельных ресурсах и максимально быструю работу. Поэтому сразу видно все файлы.
  • Цвета редактора легко настроить под себя, открыв файл на редактирование. Структура файла редактора последовательна: настройки, мультиязычность, css (здесь можно настроить цвета), html, js, ajax, php-функции. Любой верстальщик разберется.

Инструкция? Всё просто!

Установка редактора

Скопируйте файл (по FTP) на сервер в корневую папку сайта.
И запустите.

Скрытие файлов

Откройте файл в любом редакторе и напишите список файлов, которые нужно скрыть в редакторе в переменной $hide_files.

Настройка цветовой схемы

Откройте файл в любом редакторе и напишите название схемы в переменной $code_style. Список всех стилей ↓

Создание пункта меню в редакторе

Хотите поставить ссылки на сайт и  систему администрирования? См. переменные $your_site_url и $admin_page_url.

Для кого этот редактор?

Это специализированная программа, в первую очередь для веб-мастеров и администраторов сайтов.

Когда будет готов?

Ориентировочно — в конце 2017 года. Затем последуют улучшения.

Что с безопасностью?

Сейчас безопасность реализуется с помощью секретной фразы и смены имени файла — так его нельзя будет найти автоматически. Скоро появится и авторизация.

Уже можно пользоваться?

Да. Открывать и сохранять редактор уже умеет. Еще можно смотреть картинки и менять права файлов, а также удалять их полностью или в Корзину (которую создает на сервере «Halo Coder»). + еще куча функций, описанных выше.

Есть аналоги?

Если говорить про оффлайн, например, для CMS OpenCart было написано два модуля, которые могли бы использоваться для аналогичных задач и с другими CMS. Первый (недорогой, весит аж 2 Мбайта) и второй монстр (50 баксов стоит).

Есть и облачные решения.

  • Koding — интересная и красивая IDE c социальными функциями, без возможности добавления своего ftp, с механизмом развертывания виртуального сервера, удобного способа управления проектами, не совсем понятным интерфейсом и малофункциональным редактором исходного кода.
  • Cloud 9 обладает большим набором функций, нестабильностью и зависаниями, возможностью управления проектами, создания виртуального сервера, добавления ftp доступа, тестирования сайтов в разных браузерах, на разных устройствах, просмотрщиком изображений и красивым редактором с небольшим набором функций.
  • ShiftEdit — среда разработки проста, имеет тяжелый и медленный устаревший интерфейс, поддержку ftp, sftp, google drive, dropbox, webdev, ssh и amazon s3, непонятный live-режим, неплохой файловый менеджер с drad&drop, а также использует хороший редактор «Ace» (который используем и мы).
  • Codeanywhere — редактор исходного кода «CodeMirror», имеет функцию развертывания виртуального сервера, поддерживает sftp, ftp, ssh, drobbox и google drive, обладает drag&drop файловым менеджером и эстетичным интерфейсом.

    Мы против облачных решений и не нашли достойного варианта на оффлайн. Посему решили написать свой.

  • А изменять под себя?

    Да, можно. Код открытый, комментарии на русском.

    Например, вы можете встроить редактор в свою любимую CMS или самостоятельно дополнить его необходимой функцией.

    Свои наработки вы можете присылать для дальнейшего внедрения в редактор на постоянной основе.

    Он бесплатный?

    Пока что да.

    Отзывы

    Не увидел у редактора выраженных мобильных возможностей, оно и к лучшему, хорошо, что заточен под монитор и клаву. Как бы ни старались разные разрабы, но кодить без клавы (на планшете или смарте) неудобно. А если говорить про мобильность — лучше лёгкого ноута — ничего нет, имхо. UI у Halo минималистичен и немного футуристичен. Работать позволяет быстро и приятно.

    - Оганесян Сергей, админ

    Простой и удобный инструмент web-разработчика, облегчающий рутинную работу по поддержке проектов.

    - Мишкин Дмитрий, фрилансер

    Жду, когда появится авторизация - тогда и юзать буду.

    - Матросов Владимир, php-разработчик


    Добавьте свой отзыв (по желанию — с фото и со ссылкой на ваше портфолио)

    Есть вопрос?

    Пишите на мыло: 13i@list.ru.


    Получите ранний доступ к тестированию альфа-версии.

    Для первых тестеров в дальнейшем будут особые условия.

    Нравится одна из этих футболок?

    Напиши её номер в письме и получи исходник в векторе для печати в любом сервисе маек или типографии.