Редактирование кода HTML в Dreamweaver > Редактирование HTML-тегов в визуальном режиме

 

Редактирование HTML-тегов в визуальном режиме

Используйте средство Quick Tag Editor (Быстрый редактор тегов) для быстрого просмотра и редактирования отдельного тега в визуальном режиме без переключения в режим кода (рис. 11.14). Проще всего открыть Quick Tag Editor (Быстрый редактор тегов), нажав комбинацию клавиш <Ctrl>+<T> (Windows) или клавиши <Command>+<T> (Macintosh).

Средство Quick Tag Editor (Быстрый редактор тегов) имеет три режима:

Insert HTML (Вставка HTML) применяется для вставки нового кода HTML;
Edit Tag (Редактирование тега) предназначен для редактирования существующего тега;
Wrap Tag (Обрамляющий тег) позволяет "обернуть" новым тегом текущий выделенный фрагмент

Текущее выделение в визуальном режиме определяет режим, в котором открывается Quick Tag Editor (Быстрый редактор тегов). Во всех трех режимах Quick Tag Editor (Быстрый редактор тегов) вы выполняете примерно одни и те же действия: открываете редактор, вводите или редактируете теги и атрибуты, а затем закрываете редактор.

Если вы используете неверный код HTML в Quick Tag Editor (Быстрый редактор тегов), Dreamweaver попытается исправить ошибку, вставляя заключительные кавычки и заключительные угловые скобки там, где необходимо.

Чтобы выполнить более обширное редактирование HTML, используйте режим кода (или инспектор Code Inspector (Инспектор кода)).

Чтобы открыть Quick Tag Editor (Быстрый редактор тегов) в режиме Insert HTML (Вставка HTML):

1 Переключитесь в визуальный режим, чтобы разместить точку ввода там, куда вы хотите вставить код
2 Нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh) или щелкните на кнопке Quick Tag Editor (Быстрый редактор тегов) в инспекторе Property (Свойства)
При этом открывается Quick Tag Editor (Быстрый редактор тегов).
3 Введите тег HTML, затем нажмите клавишу <Enter>. Тег будет вставлен в код.
Нажмите клавишу <Esc>, чтобы отказаться от введенного кода.

Чтобы открыть Quick Tag Editor (Быстрый редактор тегов) в режиме Edit Tag (Редактирование тега):

1 Выделите текст или объект, который вы редактируете, в визуальном режиме.
Вы можете также выбрать тег, который хотите изменить, в селекторе тегов внизу окна окна Document (Документ).
2 Нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh), или щелкните на кнопке Quick Tag Editor (Быстрый редактор тегов) в инспекторе Property (Свойства)
При этом открывается Quick Tag Editor (Быстрый редактор тегов).
3 Введите новые атрибуты, редактируйте существующие атрибуты, или редактируйте имя тега (рис. 11.16), а затем нажмите клавишу <Enter>.
Отредактированный тег будет вставлен в ваш код. Нажмите клавишу <Esc>, чтобы оказаться от выполненных изменений кода.

Чтобы открыть Quick Tag Editor (быстрый редактор тегов) в режиме Wrap Tag (Обрамляющий тег):

1 Выберите неформатированный текст или объект.
Если вы выберите текст или объект, который включает открывающий или закрывающий тег HTML, то Quick Tag Editor (Быстрый редактор тегов) откроется в режиме Edit Tag (Редактирование тега).
2 Нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh); иначе нажмите кнопку Quick Tag Editor (Быстрый редактор тегов) в инспекторе Property (Свойства).
При этом открывается Quick Tag Editor (Быстрый редактор тегов).
3 Введите отдельный открывающий тег, например <font="verdana">, и нажмите клавишу <Enter>. Тег будет вставлен в начале текущего выделения, а соответствующий закрывающий тег добавлен в конце.
Нажмите клавишу <Esc> чтобы выйти из Quick Tag Editor (Быстрый редактор тегов) без сохранения сделанных изменений.

Чтобы применить изменения сразу:

Отредактировав тег, нажмите Tab или Shift+Tab. Сделанное изменение будет применено еще до того как Вы закроете Quick Tag Editor (Быстрый редактор тегов).

Чтобы запретить такую возможность, отмените настройку Apply Changes Immediately While Editing (Применять Изменения Сразу) в параметрах Quick Tag Editor (Быстрый редактор тегов). (См. Параметры Quick Tag Editor (Быстрый редактор тегов).)

Замечание: когда настройка Apply Changes Immediately While Editing (Применять изменения немедленно при редактировании) отменена, то многократные изменения, которые вы применяете к тегу, сразу появляются как отдельный шаг в панели History (История) и отменяются единственным действием Undo (Отменить).

Чтобы перейти к другому режиму в Quick Tag Editor (Быстрый редактор тегов):

При активном Quick Tag Editor (Быстрый редактор тегов) нажмите комбинацию клавиш <Ctrl>+<T> (Windows) или <Command>+<T> (Macintosh). Quick Tag Editor (Быстрый редактор тегов) изменяет режимы при каждом нажатии, последовательно переключаясь между режимами Insert HTML (Вставка HTML), Edit Tag (Редактирование тега) и Wrap Tag (Обрамляющий тег).

Чтобы переместить Quick Tag Editor (быстрый редактор тегов) по экрану, перетащите указателем мыши маркер редактора (область, в которой появляется название режима).