HTML-редакторы
В отличии от текстовых редакторов, которые призваны редактировать просто текст, html-редакторы созданы специально для правки html-кода, и призваны максимально упростить этот процесс.
Главная их забота - сделать ручное редактирование кода как можно легче.
Какие бывают html-редакторы
HTML-редакторов бывает великое множество. Особо известные:
,
(читать про него ), Html Kit (читать про него ), CuteHTML, HandyHTML,
HTML Pad 2000 (читать про него )
и наконец, (читать , и )
Разумеется, это неполный список html-редакторов, и я буду только рад его дополнить.
Некоторые из этих программ я пробовал использовать сам, некоторые - нет. Но - остановился я на EditPlus. Этому редактору и хочу посвятить эту статью.
EditPlus - лучший html-редактор.
В прошлой статье о том, как лучше создавать сайты в редакторах, я советовал всем пользоваться Rpad. А сейчас - советую всем перейти на EditPlus. И здесь нет никакого противоречия. Rpad - текстовой редактор, который годится для редактирования html-кода, но в html-редакторе это делать все же удобнее.
Иконка EditPlus очень напоминает иконку Rpad, только со знаком "+".
Общий вид программы такой:
Рассмотрим панель инструментов, которые часто используются при работе с программой.
Иконка
что означает
просмотр в броузере IE (сокращение Ctrl+и)
выделение текста жирным, курсивом, подчеркиванием, <FONT SIZE="" COLOR="">шрифт</FONT>
при щелчке открывается дополнительная палитра, где можно выбрать цвет. При щелчке по цвету появляется код цвета (216 цветов - не очень удобно, другие цвета выбрать невозможно)
при щелчке появляется <BR> и <P>
при щелчке появляется выпадающее меню, где можно выбрать все 6 уровней заголовков
моя любимая кнопочка. Вставка картинки. Достаточно нажать на эту кнопку, выбрать из окошка Select File нужную картинку и нажать Ok. Автоматически указывается путь к файлу, размеры файла(height и width), border=0 и вам остается только ввести alt-текст. (а если выделить какой-нибудь текст и выбрать картинку - то этот текст будет считаться EditPlus alt-текстом.)
Ввод таблицы. Тоже очень удобно делать в EditPlus. При нажатии на кнопочку появляется выпадающее меню
, где выбирается количество ячеек(количество столбцов и строк). Максимальное количество - 4х5 table. После этого автоматически формируется html-код и курсор устанавливается в первую ячейку. Если выделить текст и нажать на табличку, то он окажется в первой ячейке первой строки.
ввод списка. На выбор 3 варианта - ненумерованный, ненумерованный, и список определений.
Остальные иконки позволяют вставлять в код скрипты, аплеты, объекты, формы, карты изображений, фреймы(вернее, помогают вводить).
Работа с текстом Клавиатурные сокращения
В ЕдитПлюс удобно работать с текстом. Существует много разных клавиатурных сокращений, которые помогают добиться нужного эффекта.
Например, вот лишь некоторые из сокращений:
Ctrl+В(D) - вводит дату(24.01.02) - без текущего времени, как в блокноте. Если удерживать Ctrl+Shift, то вводится "длинная дата" (24 января 2002 г.) Также можно ввести только время Ctrl+ь (18:20), "длинное время" Ctrl+Shift+ь (18:21:26). Можно назначить свой вид каждого формата времени.
Ctrl+Е(рус) - переставляет два символа наоборот. Например ещ|е поменяется на ее|щ.
Ctrl+О(рус) - копирует всю строку. Иногда бывает удобно. Например, написал <li> - и нажал несколько раз эту комбинацию клавиш чтоб вручную не набирать.
Ctrl+г, Ctrl+д, Ctrl+л - меняет регистр на БОЛЬШИЕ БУКВЫ, меняет на маленькие, и инвертирует регистр.
Удобная настройка текста
В EditPlus существует много настроек(клавиатурных сокращений), которые позволяют сделать работу с текстом более комфортным.
Alt+Shift+с - включает/отключает индикатор курсора(маленький треугольник слева от строки)
Alt+Shift+д - включает/отключает номер строки. При этом строкой является любой текст(любой длинны) без знака абзаца.
(Примечание: чтобы наглядно увидеть этот знак абзаца, достаточно опять же нажать Shift+Ctrl+д)
Alt+Shift+) - полноэкранный просмотр
Поиск/замена в тексте
В программе очень удобно реализован механизм поиска(и замены). Есть регулярные выражения, под многие действия предусмотрены клавиатурные сокращения. Автоввод тех слов для поиска, которые были использованы до этого.
Запись последовательностей
В EditPlus есть возможность записать последовательность нажатий на клавиши(Tools\Record\Record keystrokes).
Это работает на подобие некого буфера обмена, но который всегда под рукой. Записать можно около 10 записей, и вызываются они нажатием клавиш Alt+1(2,3,4...).
Т.е. можно нажать кнопочку "запись", набрать на клавиатуре <p>, записать это, и дальше при нажатии Alt+1 я буду получать знак параграфа.
Причем при записи ударов по клавиатуре учитываются и кнопочки влево-вправо-вверх-вниз(чего нет в буфере обмена). Т.е. например я хочу записать последовательно
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
| - курсор будет здесь
</td></tr></table>
но так, чтобы курсор оказался не в конце этого текста, а между тэгами td. И это можно реализовать в ЕдитПлюс.
Встроенный ftp-клиент.
В EditPlus есть встроенный ftp-клиент, который позволяет закачивать файлы на сервер. Вот как он выглядит:
Достоинства этого клиента:
он есть...
галочка "upload all opened file" - позволяет обновить все открытые файлы
можно настроить несколько ftp-соединений для разных сайтов.
Недостатки
можно указать только один файл для обновления, - нельзя выбрать несколько файлов сразу
для каждого файла приходится указывать свое соединение, и что более проблематично - указывать папку закачки.
Таким образом ftp-клиент можно использовать весьма ограниченно. Он может быть удобен, если вы обновляете несколько текстовых файлов(в которых сделали изменения), которые находятся к тому же в одной папке(или на одном уровне).
Просмотр в броузере и редактирование html-кода.
При работе над страничкой весьма важно иметь быструю и удобную возможность просмотреть изменения в броузере.
В ЕдинПлюс для этого достаточно всего лишь нажать комбинацию клавиш - Ctrl+И (формула для запоминания - "Итак, что получилось..." ). После этого вы видите изменения, сделанные в коде в Internet Explorer'e. Для возврата к коду достаточно нажать комбинацию клавиш Ctrl+У (формула для запоминания - "Ууу.. Какой ужас. Надо все изменять...")
(Это настолько удобно, что в последнее время я стал случайно нажимать Ctrl+У, просто когда смотрю на броузер и хочу посмотреть его код:)
Важная особенность - после возврата к коду вам не нужно снова искать место последнего редактирования. Курсор будет в том же месте, где он был до просмотра в броузере. Это очень удобно и позволяет очень быстро просматривать все изменения.
Также в EditPlus почти отсутствует такое понятие, как "сохранить изменения". Т.е, кнопочка такая есть - но если вы сделали изменения в коде и просмотрели эти изменения в броузере, то ничего уже сохранять не надо - все уже сохранено автоматически.
Недостатки
Идеального ничего не бывает, поэтому конечно и здесь существуют недостатки. Однако сразу следует отменить, что они незначительные.
После работы с документом ЕдитПлюс оставляет временные файлы(с расширением .bak) - которые приходится удалять вручную.
проверка орфографии для русского языка отсутствует(нужен словарик, которого нет). Но это скорее временный недостаток, чем постоянный.
при просмотре странички в броузере(в едитплюсе) - не работает привычные сокращения - например "Назад".
некоторые заморочки с регулярными выражениями(у меня почему-то не сработало то, что должно было сработать).
Скачать
Как своебразное заключение для статьи предлагаю вам скачать этот редактор и посмотреть все самим... (956 Кб)
P.S. статья возможно будет обновлятся/дополнятся, поэтому присылайте свои комментарии или оставьте сообщение в
очень напоминает иконку Rpad, только со знаком "+".
, где выбирается количество ячеек(количество столбцов и строк). Максимальное количество - 4х5 table. После этого автоматически формируется html-код и курсор устанавливается в первую ячейку. Если выделить текст и нажать на табличку, то он окажется в первой ячейке первой строки.
Достоинства этого клиента: