В поисках подходящего мне html-редактора убил целых два дня, перепробовал кучу программ (боюсь, что тем самым испоганив свою Висту), но идеального варианта так и не нашел. В общем, на душе накипело, поэтому хотелось бы поделиться с вами результатами своих исследований (при этом в поиске я не рассматривал исключительно визуальные редакторы (считаю, что в них кроется главное вселенское зло)).
Прежде всего, о моих требованиях к html-редактору. Они, на самом деле, не такие уж и большие:
1) Подсветка синтаксиса.
2) Наличие подсказок (т.е. перечень атрибутов и стилей, которые допустимы для каждого конкретного тега).
3) Возможность произвести валидацию документа.
4) Возможность открыть документ в разных внешних браузерах простым нажатием кнопки.
Казалось бы, ничего сложного. Но, господа, я не нашел ни одного редактора, который полностью удовлетворяет этим требованиям. Расскажу подробнее.
Во-первых, подсветка синтаксиса. Как много в этом звуке! Практически каждая из перепробованных мной программ так или иначе обеспечивала эту возможность, но вот понимали они эту функцию, на мой взгляд, очень своеобразно. На хрена мне нужна, спрашивается, простая подсветка разным цветом тегов (иногда разных тегов разным цветом) и атрибутов? Я и так вижу, где у меня тег, а где – атрибут! Под подсветкой лично я понимаю ПРОВЕРКУ тегов, атрибутов и стилей на правильность! Т.е., к примеру, я хочу, чтобы если я случайно напишу не <div>, а <divv>, то этот <divv> будет подсвечен, к примеру, красным цветом. То же самое с атрибутами и стилями. Хочу, чтобы у меня подсвечивались ошибки типа неправильный атрибут <div idd=”test”> (чтобы подсвечивалось неправильное idd) или неправильный inline-стиль <div style=”font-weightt: bold”> (чтобы подсвечивалось неправильное font-weightt).
На удивление, только одна программа полностью дает такую возможность – и это, господа, Share Point (бывший Front Page) от незабвенного Майкрософта. При этом Share Point не только проверит правильность синтаксиса, но еще и подскажет, если какой-то атрибут вставлен не в тот тег (т.е. если это атрибут другого тега). Правда, дальше атрибутов дело не идет – если мы напишем, к примеру, <div style=”list-style-type: lower-alpha ”></div> (list-style-type нужен <div> как козе баян), то Share Point съест это и не поперхнется. Но, несмотря не это, Share Point все равно предоставляет лучшие возможности по подсветке из всех прочих программ (многие из других программ могут проверять правильность тегов, реже – правильность атрибутов, и еще реже – правильность inline стилей).
Впрочем, читайте дальше, Share Point я все равно использовать не буду (я с монстрами не дружу).
Во-вторых, наличие подсказок. Здесь нет равных Ace HTML (и его брату-близнецу Cute HTML). Удивительно удобно! Просто начинаем писать тег, и сразу же А) в инспекторе появляется список доступных для этого тега атрибутов, и Б) – что самое главное, щелкнув на другую закладку в инспекторе, получаем список стилей, допустимых ИМЕННО ДЛЯ ЭТОГО ТЕГА. Если первая возможность присутствует во многих программах, то вот вторая – больше нигде. Как правило, прочие программы просто выводят список всех-всех стилей, и мы можем легко получить такой бред, как <div style=”list-style-type: lower-alpha ”></div>.
Впрочем, конечно и в Ace HTML не все идеально. В частности, у CSS есть несколько спецификаций, и нельзя настроить программу таким образом, чтобы в подсказке вылезали значения из нужной тебе спецификации.
Тем не менее, Ace HTML – лучшая из программ по критерию подсказок. Учитывая то, что подсветка синтаксиса в ней тоже на хорошей высоте (подсвечиваются неправильные теги и неправильные инлайн-стили, но, правда, почему-то нельзя подсвечивать неправильные атрибуты), пока именно эта программа в лидерах моего хит-парада.
В-третьих, валидация документа. Есть два известных мне способа валидации – на w3c и при помощи оффлайн-валидатора CSE HTML Validator. С этой задачей очень хорошо справляются две программы – WeBuilder 2007 и TopStyle Pro. Все очень удобно – нажимаешь на кнопочку, и программы сами лезут на w3c.org и все проверяют. А также хорошо интегрируются с CSE HTML Validator. В целом, очень симпатичные программы, но вот с подсветкой и подсказками у них те беды, о которых я писал выше. Очень жалко.
В-четвертых, возможность открыть документ в разных внешних браузерах. Очень хорошо реализовано в TopStyle Pro. В другие программах это тоже есть, но не так хорошо (в Ace HTML, например, это как-то кривовато).
Выводы: придется использовать несколько разных программ. Для написания кода - Ace HTML (или Cute HTML). Для валидации - WeBuilder 2007 или TopStyle Pro.
Естественно, хочется все это иметь в одном флаконе. Если каким-то чудом я пропустил программу, которая объединяет все мои требования – просьба подсказать! Спасибо за внимание!
