Функциональные возможности редактора кода

Вес действия по вводу и редактированию кода Web-документа выполняются на вкладке Edit окна документа.

Для ввода и правки кода Web-документа вы можете использовать:

• непосредственный набор текста на клавиатуре;
• вставку текста через буфер обмена;
• включение содержимого файла, выбранного в окне ресурсов;
• вставку повторно используемых фрагментов (Snippets);
• сервисные функции:
  • завершения строки - - Auto Completion,
  • вставки имен тегов и атрибутов — Tag Insight;
  • завершения парных тегов — Tag Completion;
  • вставки атрибутов функции — Function Insight;
  • подстановки фрагментов — Code Templates.

Для упрощения работы с отдельными фрагментами и блоками текста редактор кода поддерживает операции прямого манипулирования (перетаскивание фрагмента в другую позицию), а также «многоместный» буфер обмена.

Кроме того, как уже было сказано, в процессе работы с кодом вы всегда можете обратиться к одному из дополнительных инструментов, имеющихся в составе HomeSite.

Эффективность работы с большими документами существенно зависит от читабельности текста. Поэтому в составе редактора кода имеются средства управления визуальным представлением кода:

• цветовая подсветка синтаксических конструкций используемого языка;
• автоматическое форматирование текста с учетом синтаксиса;
• функция свертывания/развертывания текстовых фрагментов;
• управление параметрами шрифта;
• управление отображением скрытых символов;
• управление выводом номеров строк.

Для ускорения выбора требуемой функции или изменения режима работы редактора кода предназначены два основных механизма:

• собственная панель инструментов;
• контекстные меню.

Некоторые кнопки, имеющиеся на панели инструментов редактора кода, были описаны в первой главе (раздел «Организация пользовательского интерфейса», рис. 1.5).

Ниже приведены пояснения к остальным кнопкам панели инструментов (рис. 3.1):

• Close Active Document (Закрыть активный документ) — закрывает текущий (активный) документ;
• Indent (Отступ) — сдвигает активную строку (в которой находится курсор) или выбранный фрагмент текста на одну позицию табуляции вправо;
• Unindent (До сдвига) -- отменяет результат однократного сдвига;
• Tag Insight -- кнопка-переключатель, которая разрешает или запрещает использование функции Tag Insight,
• Tag Completion -- кнопка-переключатель, которая разрешает или запрещает использование функции Tag Completion;

Рис. 3.1. Панель инструментов редактора кода

• Tag Validation — кнопка-переключатель, которая разрешает или запрещает использование функции Tag Validation;
• Open in Macromedia Dreamweaver/Ultradev (Открыть в Dreamweaver/ Ultradev) -- обеспечивает загрузку текущего документа в визуальный редактор Dreamweaver (если вместо него на компьютере установлено приложение Macromedia Ultradev, то документ будет загружен в него).

Команды, имеющиеся в контекстном меню редактора кода, разделены на несколько групп. Некоторые из них являются контекстно-зависимыми, другие — нет. В общем случае в меню присутствуют следующие команды (рис. 3.2):

Рис. З.2. Основной формат контекстного меню редактора кода

• Edit Current Tag (Редактировать текущий тег) — открытие диалогового окна редактора тегов, соответствующего выбранному в документе тегу;
• Insert Tag (Вставить тег) -- вызов утилиты Tag Chooser,
• Insert Expression (Вставить выражение) — вызов редактора выражений;
• Edit Include File (Редактировать включенный файл) — вызов приложения, ассоциированного с файлом, ссылка на который выбрана в документе;
• Close (Закрыть) — закрывает текущий документ;
• File (Файл) - - каскадное меню, содержащее некоторые команды из меню File главного окна HomeSite;
• Cut (Вырезать), Сору (Копировать), Paste (Вставить) — стандартные команды редактирования, выполняемые с использованием буфера обмена;
• Insert Dale/Time (Вставить дату/время) — каскадное меню, которое обеспечивает выбор формата и вставку в активную позицию документа текущего значения даты и времени;
• Select Full Tag (Выбрать тег) - - выбор (выделение) тега, в пределах которого находится курсор, включая открывающую и закрывающую угловые скобки (рис. 3.3, вверху); для парных тегов данная команда обеспечивает выбор фрагмента документа от левой угловой скобки открывающего тега до правой угловой скобки закрывающего тега (рис. 3.3, внизу);
• Selection (Выбранное) - - каскадное меню, которое содержит команды редактирования выбранного фрагмента; подробнее их применение будет рассмотрено в следующем подразделе;
• группа команд, предназначенных для свертывания и развертывания фрагментов текста (Collapse Current Selection и др.); работа с ними описана в подразделе «Управление визуальным представлением документа».

Контекстное меню тега <IMG>, описывающего параметры сенсорной карты, дополнительно к перечисленным выше содержит команду Edit Image Map (Редактировать сенсорную карту), которая обеспечивает вызов утилиты Image Map Editor.

Рис. 3.3. Результат применения команды Select Full Tag