Есть какой-нибудь хороший визуальный редактор HTML5 или IDE? [закрыто]

116

Что ж, похоже, Dreamweaver CS5 будет пытаться сгладить HTML5 еще несколько лет (точнее, недель). Похоже, следующая ступенька - прямо к Блокноте!

Кто-нибудь знает хороший редактор HTML5 с визуальным / превью / стилем?

Eclipse с каким-нибудь плагином?

(Похоже, рынок скоро будет просить об этом.)

Спасибо

...Кстати. Я знаю о «без поддержки браузера» ... «еще не закончено» и т. Д. Для нас это не проблема. Мы делаем только веб-сайты Safari и iPhone iAd ... Итак, мы знаем, что работает в наших реализациях. (Кстати, мы в основном на Windows)

ActionFactory
источник
3
Ничего себе, еще один вопрос закрыт как "не по теме" с 174 тысячами просмотров и множеством хороших ответов! Рад видеть, что это не только мое ...
Мрк Флдиг

Ответы:

8

Cloud 9 IDE . Хранилище является облачным + локальным, оно предлагает автозаполнение, оно обеспечивает явную поддержку разработки node.js, предлагает сотрудничество в реальном времени, и вы получаете bash в сделку со всеми его наиболее популярными инструментами (включая gcc). И все это без необходимости открывать что-либо, кроме вашего браузера.

Я думаю, что это довольно круто.

ИЗМЕНИТЬ Q3 2013 Я бы также предложил JetBrains WebStorm. Он имеет автозаполнение и надежные функции рефакторинга для HTML5, CSS3, JS. И очень отзывчивый.

инженер
источник
39

Мне всегда нравилась Aptana Studio для разработки HTML. Бета-версия Aptana Studio 3 поддерживает последние спецификации HTML5 и работает довольно быстро (по сравнению с версией 2). Доступна отдельная версия и встроенная версия Eclipse.
ОБНОВЛЕНИЕ: доступен финальный выпуск (та же ссылка)

январь
источник
1
+1 для бета-версии Aptana Studio 3. Это довольно хорошая IDE, и она кроссплатформенная.
Октавиан А. Дамиан,
ОБНОВЛЕНИЕ: вышла из бета-версии и первая версия исправления ошибок
января
Помимо функции visual / WYSIWYG в тегах HTML5, я хочу, чтобы среда IDE знала о HTML5 API, таком как API веб-хранилища и т. Д., Когда я набираю окно <dot>, автозаполнение объекта sessionStorage и localStorage и т. Д. Не появляется ...
Ли Чи Киам
Ах, "драчуны". Из Паггинса получилась бы отличная фамилия. Спасибо за смех.
Инженер
10

Обновить

Используйте Aptana Studio 3 , теперь она обновлена.

Вы можете выбрать

Попробуйте онлайн- редактор Aloha WYSIWYG

Но как веб-разработчик я по-прежнему предпочитаю Notepad ++ , в нем есть необходимая поддержка кода.


Устаревшая информация, не ссылайтесь.


Это может быть поздний ответ, да, очень поздний ответ, но он наверняка кому-то поможет.
Загрузить последнюю стабильную версию "Eclipse IDE для разработчиков Java EE" Загрузить подключаемый модуль Google для Eclipse.zip Выберите загрузку в соответствии с вашей версией Eclipse после загрузки ( не разархивируйте ) Откройте Eclipse в поле «Имя» введите «Плагин Google». Нажмите ОК.





Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip

Игнорируйте предупреждения, после завершения установки перезапустите Eclipse.


Как использовать подключаемый модуль Google для Eclipse
    File> New> Other> Web> Static Web Project> Enter Project name

Создать новый веб-проект


    Создать новый HTML-файл

Создать новый HTML-файл


    Имя для index.html

index.html

    Выберите свойства файла HTML

Установите для свойств значение HTML5

    Нажмите Ctrl + Пробел

Шпаргалка HTML5

аналогичным образом создайте новый файл * .css.
Щелкните правой кнопкой мыши файл css> «Свойства»> «Настройки веб-содержимого»> «Выберите профиль CSS3»> «ОК».
Нажмите CTRL +
Шпаргалка по CSS3
пробел.

VenomVendor
источник
Я не уверен, где я пропустил, но я не могу найти «Статический веб-проект» после установки подключаемого модуля Google для Eclipse. Единственный новый тип проекта связан с Google App Engine.
Чжао Сян
Какую версию Eclipse вы используете?
VenomVendor
Indigo Service Release 1. Позже я попробовал плагин Aptana, и он работает
Чжао Сян
Всегда лучше использовать последнюю версию любой IDE, вы можете попробовать Juno JEE для получения лучших результатов
VenomVendor
8

Topstyle 4 - единственный, с которым я сталкивался с поддержкой HTML5 (и CSS3). Его ранние стадии, но по большей части он работает достаточно.

Frazor
источник
7

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

А пока привыкните редактировать разметку вручную в хорошем текстовом редакторе, таком как Notepad ++ или TextEdit .

Джастин Нисснер
источник
Я думаю, вы имели в виду s / test / text / ..
Тим Пост
1
@jordanstephens - Да. В самом деле. TextEdit.
Джастин Нисснер 07
@justin Niessner Я имею в виду, что это работает, я просто не стал бы помещать это в список "хороших текстовых редакторов". Для каждого свое, я полагаю ...
Иорданстепенс
@jordanstephens только потому, что TextEdit не обладает всеми причудливыми функциями некоторых других приложений, не означает, что он не подходит для редактирования текста.
Alex Larzelere
Вы не отвечаете на вопрос
Kickaha
4

Отметим, что HTML5 сам по себе не так уж и далек от готовности; на самом деле он в значительной степени закончен, «по мнению Рабочей группы, он отвечает соответствующим требованиям своего устава и любых сопроводительных документов с требованиями». Нужно будет кое-что сгладить, и основная спецификация содержит некоторые сопутствующие дополнения, но большинство из них фактически готовы к использованию сразу же, причем большая часть из них стабильна в последних браузерах.

Николас Уилсон
источник
3

NetBeans 7 имеет хорошую поддержку HTML5. Раньше я активно использовал Eclipse, но больше времени проводил с NetBeans, чтобы поиграть с HTML5 и сервлетом.

Самуэль Чжан
источник
2

для онлайн-решения попробуйте редактор maqetta и aloha

для автономного решения (доступно для скачивания) попробуйте blue griffon

они бесплатные :) о да, еще один, мой любимый редактор :) и редактор игр тоже: construct2

Девэл
источник
1

Я должен задаться вопросом, нужен ли вам конкретно редактор, способный обрабатывать HTML5. Это все еще HTML. Есть изменения, да, но не так уж и много, если вы уже знакомы с HTML4. Я подозреваю, что почти любой редактор, способный обрабатывать HTML, также должен уметь обрабатывать HTML5.

Грант Пэйлин
источник
1

Он должен быть в Radrails 3, он будет в Aptana Studio 3. Radrails находится в стадии бета-тестирования, так что это своего рода разочарование, но тем не менее, он может дать ему шанс.

Это тоже мультиплатформенность, для тех из нас, кто не является Windoze.

Сэмми Сандерс
источник
1

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

Лучшее, что вы можете сделать, - это следить за блогами, руководствами и другими статьями в Интернете и самостоятельно экспериментировать с разработкой в ​​HTML5.

РЕДАКТИРОВАТЬ: только что нашел подключаемый модуль Visual Studio 2008/2010 здесь

обкрадывать
источник
1

HTML Pencil - это онлайн-редактор HTML, созданный для современных браузеров.


источник
0

Возможно, это вас не заинтересует, а просто добавить (0 :, мне нравится VS2008 IDE для редактирования html - и это удваивает удовольствие, если у вас есть панель инструментов разработчика Internet Explorer (например, firebug).

Kman
источник
0

Visual Web Developer Express

AlexanderMP
источник
2
Это даст вам проверку схемы HTML5, но вам все равно придется редактировать разметку вручную. Я думаю, что OP ищет редактор WYSIWYG ... которого нет в Visual Web Developer Express (для HTML5).
Джастин Нисснер,