Web-разработка: HTML-редакторы под Linux


У каждого Web-разработчика есть свой набор любимых инструментов. Естественно, что в этом наборе должен быть и любимый html редактор. В данной статье я хотел бы поговорить о свободных редакторах.
Как известно, редакторы делятся на несколько категорий: поддерживаемые технологию WYSIWYG и редакторы, работающие с исходным кодом.
Довольно-таки обширный список редакторов можно посмотреть  на wikipedia. Среди всего этого списка удобных редакторов под Linux не так уж и много, но они есть. Я бы хотел выделить следующие редакторы: vim, SciTe, BlueFish, Quanta+ и Aptana Studio и сказать несколько слов о каждом из них.
Итак, начнем, пожалуй с vim. Vim - это консольный текстовый редактор, обладающим богатым функционалом (более подробно можно почитать тут). Но сразу хочется отметить, что для эффективной работы с данным редактором понадобиться предварительное обучение/изучение vim.  Не смотря на наличие полезных плагинов для редактирования html/xml документов, рассматривать дальше данный редактор не будем. 


SciTe - это кроссплатфоменный текстовый редактор, предназначен, в основном, для редактирования исходных текстов программ и выполняет подсветку синтаксиса для многих языков программирования (C++, C, Java, Ruby, Pascal, Perl, Python и др.), а также HTML, XML и т. п. Описание редактора говорит само за себя и уделять внимание данному редактору я не буду, тем более, что подсветку синтаксиса поддерживают стандартные текстовые редакторы, входящие в Gnome или KDE.

Дальше на очереди у нас Quanta+. Не смотря на наличие визуального редактора веб-форм и страниц функционал, удобство работы у него, если честно, не очень. Кроме того, согласно Wikipedia, данный редактор практически вытеснен из Kdevelop. Нам данный  редактор также не интересен.

На этом упоминание аутсайдеров (на мой взгляд) заканчиваем и переходим к наиболее интересным html редакторам. 

Начнем с программы, которая входит, наверное, в каждый дистрибутив Linux - с голубой рыбки, она же - BlueFish. Что отличает данный редактор от всех выше перечисленных? Для начала - более удобный и понятный интерфейс.  Кроме того, программа имеет панель инструментов, которая позволяет практически одним кликом добавлять html элементы в код html-страницы. Другой отличительной способностью (по сравнению с выше названными редакторами) является автозавершение закрывающихся тегов, а также подсказки автодополнения, например:

Редактор BlueFish

Слева от основного редактора располагается древовидное окно с возможностью отображения файлов файловой системы, закладок, карты символом и сниппетов. Выглядит оно примерно так (вкладки на сриншоте совмещены для наглядности):

список файлов, карта символов и сниппеты
Кроме всего этого, BlueFish имеет гибкую настройку html-редактора: в настройках программы можно включать/отключать автоматические отступы, подсказки автодополнения, номера и перенос строк, отображения блоков и т.д.
Настройка html-редактора
Дополнительные настройки можно найти в настройках самой программы.

Из меню "Сервис" можно запустить html файл на просмотре в одном из браузеров: Opera, Mozilla, Galeon и т.д.

Теперь рассмотрим html редактор. который основан на IDE Eclipse, имя ему - Aptana Studio. На момент написания статьи, последней стабильной версией была 3.0. Внешне Aptana Studio действительно практически ничем не отличается от Eclipse. Исключение составляют лишь редактор, оформление которого выполнено в темных тонах, а также меньшее количество менюшек (в linux версии), чем в Eclipse. Кстати говоря, изменить тему оформления можно выбрав в меню Window --> Preferences--> Aptana -->Themes. Список тем впечатляет и придется по душе приверженцам разных IDE.
Итак, что же умеет и что привлекательного в Aptana?  Aptana - это профессиональный open source инструмент для разработки web-приложений. Aptana поддерживает следующие языки программирования: php, Rails. Ruby, PyDev Google App Engine Project ну и собственно HTM, JavaScript, CSS и XML.
Как и BlueFish, Aptana поддерживает подсказки автодополнения, но реализованы они намного приятнее и немного необычно: в подсказках отображаются поддерживаемые браузеры для конткретного тега или свойства. Окно подсказок выглядит примерно так:

Подсказки автодополнения Aptana Studio
Слева от основного редактора отображается окно с App Explorer, которое показывает список файлов конкретного проекта; окно Project Explorer, которое отображает иерархию файлов и папок всех созданных нами проектов и список файлов файловой системы. Чуть ниже, в этом же окне слева, отображается OutLine, так называемые наброски редактируемого файла в данный момент:
Project Explorer, App Explorer, OutLine
Нажав на кнопку Preview, можно посмотреть, как будет выглядеть наш проект.

На официальном сайте написано, что для работы программы требуется Sun JDK, но у меня Aptana прекрасно работала и с Open-jdk.

Aptana можно скачать для ОС: Windows, Linux и MacOS в виде отдельного приложения,  а также в качестве плагина для Eclipse.

Чтобы установить Aptana в качестве плагина Eclipse :
Запускаем Eclipse, выбираем меню Window-->Install New Software. В появившемся окне вводим адрес:
http://download.aptana.com/studio3/plugin/install

Комментарии

Популярные сообщения из этого блога

Написание сервлетов в Java при помощи NetBeans

Права доступа в Debian и команды chmod и chown

Установка Apache Tomcat в ОС Windows