HTML на халяву

OpenSource шагает по планете, а сообщество Mozilla.org вслед за пакетом Mozilla, браузером Firefox и почтовиком Thunderbird потихоньку готовит новый проект. Речь о NVU (произносится как «эн-вью»), OpenSource-проекте по созданию визуального (WYSIWYG) HTML-редактора. За основу проекта была взята часть кода, выделенного из Mozilla. Точнее — Mozilla Composer. Более того, в дело создания NVU был привлечен главный архитектор Composer'a — Дэниел Глазман. Что же из этого получилось?

Кстати
Для начала небольшое intro. Бытует поверье, что существуют два типа HTML-peдaктopoв: WYSIWYG (What-You-See-Is-What-You-Get, то есть «что ты видишь — то и получаешь») и текстовые редакторы, работающие напрямую c HTML-кoдoм. Принцип WYSIWYG не относится напрямую к HTML — он был разработан давно и применялся даже во времена разработки языка описания страниц PostScript. Редакторы же, использующие данный принцип, просто обязаны давать максимально полное приближение внешнего вида редактируемого документа к его конечному виду в браузере, а пользователь волен не разбираться в тэгах HTML. С текстовыми редакторами тоже все понятно: от «Блокнота» до специализированных систем с подсветкой синтаксиса, быстрой вставкой тэгов и так далее.

Вроде бы все правильно, но… не совсем! На самом деле существует третий, гибридный тип редакторов, объединяющий свойства каждого, но уже не являющийся ни тем, не другим. Это так называемый «полу-WYSIWYG». В таких редакторах можно работать с кодом в различных формах, просматривать конечный вид документа и даже использовать ряд средств визуальных редакторов. Тем не менее, без знания HTML здесь далеко не уедешь.
Поработав с NVU, я решил, что его стоит­ отнести как раз к типу «полу-WYSIWYG». А почему — сейчас разберемся.

Внешне
Внешне все очень симпатично — четыре режима работы (обычный визуальный, визуальный с блоками тэгов, текстовый (с подсветкой синтаксиса) и режим просмотра). Как и в Mozilla, можно открыть несколько документов и переключаться, щелкая по вкладкам-табам. По горизонтали и вертикали — нечто вроде линеек, с помощью которых можно управлять размерами элементов. Все необходимые тулбары под рукой: управление параметрами текста, абзацев, <div></div>-контейнеров; вставка таблиц, форм, изображений, ссылок… Полазишь по меню — почти нирвана! Поддержка zoom'а, проверка орфографии, проверка правильности кода (html validator), редактор css, отладчик JavaScript, возможность прямой публикации документа на сервер. Отказаться невозможно!

Внутренне
Пробуя блюдо на вкус, сразу понимаешь, что NVU до полной реализации WYSIWYG далек. Ну нельзя в нем быстро и просто сделать что пожелаешь, да еще и не зная HTML. Важнейшего компонента «свободного творчества» — слоев (layers), с которыми так дружит Macromedia Dreamweaver, в NVU просто нет. Вместо них пользователю предлагается использовать <div></div>-контейнеры, что на практике оказывается реализовано весьма неважно. Дело в том, что общее юзабилити данного продукта разочаровывает: к примеру, ширину строк таблицы нельзя точно изменить мышкой — нужно лезть в окна настроек! Переключение между объектами (например, щелчок мышью за пределами таблицы) часто происходит с заминками, «слои» вообще могут затеряться где угодно. Обидно!
Большой плюс системы — наличие css-редактора CaScadeS, в котором можно создавать свои или подключать внешние таблицы стилей. Согласитесь, глупо выделять абзацы текста и щелкать кнопочки, отвечающие за шрифт, цвет, начертание… Ведь все это в тексте файла выльется в Inline-стили (то есть стиль определяется каждый раз для каждого элемента). Лучше уж прописать в редакторе css параметры того же тэга <p></p>, и не засорять код страницы. Если же вы определили классы стилей, то применять их к объектам очень просто: снизу, под вкладками, можно заметить строку с иерархией тэгов, ведущих к выделенному объекту. В случае с ячейкой таблицы это будет <td></td>. Щелкнув на этом текстовом блоке правой кнопкой мыши, достаточно выбрать класс из числа заданных. Все гениальное — просто!

В ожидании релиза
К сожалению, чего в NVU полно, так это глюков. Переключение режимов постоянно зависает, css часто не включается в код страницы, просмотр работает изредка. Русифицировать программу (путем распаковки архива в папку nvu/chrome) не советую. Мало того, что переведено не все, так некоторые кнопки получают одинаковые названия, а в редакторе css масса полей просто не влазит в окно. Получается ситуация, когда просто нельзя работать! Есть и другие странности — например, при открытии сохраненных из Сети страниц NVU в большинстве случаев будет открывать их долго и упорно. До бесконечности. Просматривать такую страницу можно, редактировать — нет.
Одним словом, функциональность проек­та уже находится на уровне, достаточном, чтобы вызвать к нему интерес. Но обещания поднять проект до уровня Dreamweaver пока что всерьез воспринимать трудно. А оправдать разработчиков может лишь отсутствие «1.0» в названии. Как-никак, не релиз…

NVU v 0.60
Freeware
6.4 Мбайт
Все Windows
Скачать: Дистрибутив, пакет русификации


Рекомендуем почитать: