Что такое хороший HTML-редактор WYSIWYG?

Кода от ребят из Panic - действительно хороший продукт для Mac. Вы сами пишете разметку и, следовательно, сохраняете полный контроль, как в случае с TextMate, Notepad2 и т. Д. Но есть также предварительный просмотр в реальном времени, который вы можете увидеть на разделенном экране, чтобы сразу определить, какое влияние вы оказываете на страницу. Это хорошее решение "лучшее из обоих миров".

Связанный с этим вопрос здесь: Проверка HTML: стоит ли это того?. Я поднимаю этот вопрос, так как вы упомянули, что расстроены недопустимой разметкой. Семантика разметки, на мой взгляд, важнее, чем достоверность разметки, и, как правило, это может быть сделано правильно только человеком – особенно со всеми новыми элементами, представленными HTML5.

Джеффри Зельдман недавно опубликовал статью на эту тему: InDesign для HTML и CSS. Вдохновленный разговорами из некоторые люди в Adobe, он утверждает, что никакой редактор WYSIWYG не может создавать значимую и семантическую разметку больше, чем компьютерная программа может сочинять значимую и эмоциональную музыку.

Если вы решите придерживаться Dreamweaver и использовать его представление кода (которое я использовал довольно долго, это очень хорошо), вам следует рассмотреть возможность обновления до CS5. Adobe, учитывая всю ненависть к Flash, пошла на многое, чтобы улучшить качество кода, который она генерирует. Они также создали HTML5 Упаковать.

Это расширение обеспечивает начальную поддержку HTML5 и CSS3 в Adobe Dreamweaver CS5 и помогает легко создавать страницы HTML5 и стили CSS3. Он также включает обновления и улучшения WebKit для визуализации в режиме конструктора и в режиме реального времени.

Хотя HTML5 и CSS3 не будут доработаны в течение некоторого времени, расширение обеспечивает поддержку набора реализованных в настоящее время функций.

Это расширение расширяет возможности Dreamweaver CS5 следующими способами:

• Представлена Многоэкранная панель предварительного просмотра, позволяющая отображать изображение в реальном времени на 3 разных размерах экрана с поддержкой мультимедийных запросов. (Окно > Многоэкранный предварительный просмотр)
• Добавляет подсказки кода для библиотеки тегов HTML5 с новыми тегами, атрибутами и свойствами.
• Обновляет код, указывающий на новые атрибуты и значения в существующих HTML-тегах.
• Добавляет подсказки кода для следующих спецификаций CSS3: 2D/3D Преобразования; Анимация; Фон и границы; Основные Пользовательский интерфейс; Макет строки; Маркер; Медиа-запросы; Многоколоночный; Ruby; Текст; и Переходы.
• Обновляет режим просмотра в реальном времени для поддержки и . (Требуется установка Quicktime.)
• Улучшена визуализация CSS3 в режиме реального времени.
• Добавляет начальные макеты HTML5 в диалоговое окно "Новый документ".
• Обеспечивает лучшую визуализацию новых тегов в режиме конструктора.

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

Я использовал jEdit и Eclipse, потому что они хорошо работали в остальной части моего рабочего процесса разработки. Подсветка синтаксиса jEdit и способность распознавать широкий спектр текстовых форматов очень хороши для быстрого просмотра странных вещей, которые я обычно встречаю на своем пути.

Я согласен с другими, кто упоминал, что избегает редакторов WYSIWYG. Последние версии DW большую часть времени генерируют приемлемый код, но когда я его использую, я все равно трачу 95 % своего времени на просмотр кода.

Я использую Microsoft Visual Web Developer 2010 Express (бесплатно, в том числе для коммерческого использования):)