Познавательное чтиво

17 Июн

Как подключить внешний HTML-редактор

Для тех, кто предпочитает старые и проверенные методы, будет интересно узнать, как подключить свой любимый редактор для HTML. Что и говорить, старый друг лучше новых двух. Вполне может оказаться так, что по каким- то причинам часть работы для вас предпочтительнее выполнять не в Dreamweaver, а в другом HTML-редакторе.

Сначала укажем для пакета Dreamweaver MX, где искать этот другой HTML- редактор. Выберите команду меню Edit | Preferences, чтобы открыть диалоговое окно с настройками пакета. В списке слева выберите группу настроек File Types | Editors. Справа появятся соответствующие для этой группы параметры. Найдите строку External Code Editor (второй сверху параметр) и введите в нее путь к вашему любимому редактору HTML-кода. Можно воспользоваться кнопкой Browse, расположенной рядом, чтобы указать путь с помощью стандартного диалога выбора файлов (рис. 4.18). После того как путь указан, нажмите кнопку ОК, чтобы изменения вступили в силу.

Совет

Диалог с глобальными настройками можно быстро вызвать с помощью комбинации клавиш <Ctrl>+<U>.

clip_image002

Рис. 4.18. Указание пути к внешнему редактору HTML-кода

Указанным редактором можно воспользоваться сразу после закрытия диалогового окна с настройками. Для этого надо зайти в меню Edit и найти команду Edit with <Name>, где Name — это имя выбранного внешнего редактора (точнее, имя исполняемого файла). К примеру, в моем случае, в этой роли выступает бесплатный HTML-редактор Arachnophilia — в память о моих первых опытах с Web-дизайном. И соответствующая команда меню в Dreamweaver будет выглядеть, как Edit | Edit with arach.

Примечание

Ранее, в Dreamweaver 4, вызов внешнего редактора можно было произвести с помощью комбинации клавиш <Ctrl>+<E>. Но в Dreamweaver MX эта команда по умолчанию вызывает новое средство — Tag Editor.

Примечание

Последнюю версию бесплатного редактора Arachnophilia, а также информацию по нему можно найти на сайте http://www.arachnoid.com/arachnophnia/index.htm].

После того как вы отредактировали файл во внешнем редакторе, вы можете его записать или закрыть. Если переключиться обратно в Dreamweaver, то он предупредит, что файл был изменен с помощью внешней программы, и спросит, следует ли перезагрузить страницу (рис. 4.19). Для положительного ответа следует нажать кнопку Да, а для отрицательного — Нет.

clip_image004

Рис. 4.19. Диалоговое окно, возникающее при модификации файла с помощью внешнего редактора

Но вот вы ответили утвердительно и Dreamweaver быстренько загружает обновленный файл. Стоит предупредить вас, что при этом он анализирует сделанные изменения и, возможно, кое-что переписывает по своим правилам. Эти действия входят в состав процесса под названием Roundtrip HTML. Слово "roundtrip" можно перевести как "туда и обратно", а в нашем случае этот термин обозначает процесс передачи HTML-кода между внешним редактором и Dreamweaver. При этом производится некоторая правка кода. Исправления кода происходят и в том случае, если вы просто открыли HTML-страницу, созданную вне Dreamweaver.

Как правило, Dreamweaver старается выполнять только полезные изменения, к примеру, проверяет правильность расстановки тегов. Но если вы хотите, то можно запретить ему это делать. Для этого снова вызовите окно общих настроек с помощью команды меню Edit | Preferences. В списке слева выберите группу Code Rewriting и установите флажки, которые вы считали нужными (рис. 4.20):

□ Fix Invalidly Nested and Unclosed Tags — исправлять перекрывающиеся и незакрытые теги;

□ Rename Form Items when Pasting — переименовывать элементы формы при вставке;

□ Remove Extra Closing Tags — удалять лишние закрывающие теги;

□ Warn when Fixing or Removing Tags — предупреждать пользователя о каждом исправлении тегов;

□ Never Rewrite Code — никогда не переписывать код. Этот флажок работает совместно со следующим параметром;

□ In Files with Extensions — список форматов файлов, изменения в которые никогда не будут вноситься. Чтобы добавить свой формат, к примеру HTML, допишите в конце строки соответствующие обозначения через запятую — "*.htm, *.html". Данный список учитывается, только если отмечена предыдущая опция;

□ Special Characters — некоторые символы для корректной работы HTML- кода должны записываться в специальном формате. Простые текстовые редакторы, вроде Блокнота в Windows, могут не подозревать об этом. Для исправления их ошибок нужно установить соответствующие флажки: Encode Special Characters in URLs Using % — заменять особые символы в URL и Encode <, >, &, and "in Attribute Values Using &" — заменять символы угловых скобок, "&" и прямых кавычек в атрибутах тегов. Для более подробной справки обратитесь к спецификациям языка HTML.

clip_image006

Рис. 4.20. Настройки изменений, которые происходят при приемке кода от внешнего редактора

Примечание

При автоматической правке Dreamweaver не исправляет теги, которые ему неизвестны (в их числе — теги XML). Но если такие теги перекрываются с другими, то Dreamweaver может отмечать их как ошибку, если включена опция подсветки неправильного HTML (см. разд. "Настройка встроенного редактора кода" настоящей главы).

В общем-то, использование внешних редакторов при работе с Dreamweaver — не более чем нежелание ломать свои привычки. Собственные средства пакета могут удовлетворить самого заядлого "кодера". Хотя Dreamweaver и считается средством для визуального построения сайтов, его инструменты для работы в кодовом режиме приближаются к совершенству. И в этой главе я постараюсь доказать это.

Leave a Reply

© 2012 Познавательное чтиво | Entries (RSS) and Comments (RSS)