Будь-який хороший, візуальний редактор HTML5 чи IDE? [зачинено]


116

Добре виглядає, що Dreamweaver CS5 намагатиметься згладити предмет HTML5 ще кілька років (фактично тижнів). Здається, що наступний виклик вниз прямо у Блокноті!

Хтось знає хорошого редактора HTML5 з візуальним / попереднім переглядом / стилем?

Затемнення з деяким плагіном?

(Схоже, ринок незабаром проситиме його.)

Дякую

...До речі. Я знаю про "відсутність підтримки браузера" ... "ще не закінчено" .. тощо. Це не проблема для нас. Ми займаємося веб-сайтами Safari Only і лише виробництвом iPhone iAd ... Отже, ми знаємо, що працює в наших реалізаціях. (Ми, до речі, в Windows)


3
Уау подивіться ще одне закрите питання як "поза темою" із 174K переглядами та безліччю хороших відповідей! Радий бачити, що це не тільки моє ...
Mrk Fldig

Відповіді:


8

Хмара 9 IDE . Зберігання хмарно + локальне, воно пропонує автодоповнення, надає явну підтримку розвитку node.js, пропонує співпрацю в режимі реального часу, і ви можете вступити в угоду з усіма найпопулярнішими інструментами (включені gcc). Все, не відкриваючи нічого, окрім браузера.

Я думаю, що це досить дивовижно.

EDIT Q3 2013 Я б також запропонував JetBrains WebStorm. Він має функції автоматичного завершення та суцільні рефакторинг для HTML5, CSS3, JS. І це дуже чуйно.



39

Мені завжди подобалася Aptana Studio за розробку HTML. Aptana Studio 3 beta підтримує останні специфікації HTML5 і досить швидко (порівняно з версією 2). Існує автономна версія та версія Eclipse-модуля.
ОНОВЛЕННЯ: Остаточний реліз доступний (те саме посилання)


1
+1 для бета-версії Aptana Studio 3. Це досить приємний IDE, і це кросплатформенність.
Октавіан А. Дамієн

ОНОВЛЕННЯ: Без бета-версії та першого виправлення Bugfix
січня

Окрім візуального / WYSIWYG на тегах HTML5, я хочу, щоб IDE знав про HTML5 API, наприклад, API веб-сховища тощо, коли я набираю вікно <dot>, автоматичне завершення об'єкта sessionStorage та localStorage тощо ...
Lee Chee Kiam

Ах, "мопси". Пріггінс мав би чудове прізвище. Дякую за сміх.
Інженер

10

Оновлення

Використовуйте Aptana Studio 3 , вона зараз оновлена.

Ви можете вибрати

Спробуйте в Інтернеті Aloha WYSIWYG Editor

Але як веб-розробник, я все ще віддаю перевагу Notepad ++ , він має необхідні допоміжні програми.


Застаріла інформація, будь ласка, не посилайтеся.


Це може бути пізня відповідь, так, дуже пізня відповідь, але, безумовно, хтось допоможе
Завантажити "Eclipse IDE для розробників Java EE" Остання стабільна версія

Завантажити Google Плагін для Eclipse.zip
Виберіть завантаження відповідно до версії Eclipse
після завантаження ( не скасовуйте розпакування )
Відкрийте затемнення
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
в полі "Ім'я", введіть "Плагін Google". Натисніть кнопку ОК.

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


Як використовувати плагін Google для файлу Eclipse
    > New> Other> Web> Static Web Project> Введіть назву проекту

Створіть новий веб-проект


    Створіть новий HTML-файл

Створіть новий HTML-файл


    Ім'я до index.html

index.html

    Виберіть Властивості HTML-файлу

Встановіть властивості на HTML5

    Натисніть Ctrl + пробіл

Чит-лист HTML5

аналогічно створіть новий * .css файл
Клацніть правою кнопкою миші на файлі css> Властивості> Налаштування веб-вмісту> Виберіть профіль CSS3> ОК.
Натисніть CTRL + Space
CSS3 шпаргалка
Wooo, так Почніть кодування.


Я не впевнений, де я пропустив, але не можу знайти "Статичний веб-проект" після встановлення Google Plugin for Eclipse. Єдиний новий тип проекту - це щось про Google App Engine.
Чжао Сян

Яку версію Eclipse ви використовуєте?
VenomVendor

Випуск служби Indigo Service 1. Пізніше я спробував плагін Aptana, і він працює
Чжао Сян

Завжди краще використовувати останню версію будь-якої IDE, ви можете спробувати Juno JEE для кращих результатів
VenomVendor

8

Topstyle 4 - це єдиний, з ким я спілкуюся з підтримкою HTML5 (і CSS3). Її ранні етапи, але це працює досить здебільшого.


7

Оскільки HTML5 все ще працює і не має постійної підтримки в будь-яких браузерах, я гадаю, що пройде досить багато часу, перш ніж отримати редактор WYSIWYG HTML5.

Тим часом звикніть редагувати розмітку вручну в такому гарному текстовому редакторі, як « Блокнот ++» або « TextEdit» .


Я думаю, ти мав на увазі s / test / text / ..
Tim Post

1
@jordanstephens - Так. Дійсно. TextEdit.
Джастін Нісснер

@justin Niessner Я маю на увазі впевнений, що це працює, я просто не став би його до списку "хороших текстових редакторів" Кожному своєму, я вважаю ...
jordanstephens

@jordanstephens лише тому, що TextEdit не має всіх вигадливих особливостей інших програм, не означає, що це не добре для редагування тексту.
Алекс Ларзелере

Ви не відповідаєте на запитання
Kickaha

4

Зауважимо лише, що HTML5 сам по собі далеко не готовий; насправді це вже майже закінчено, "вважається Робочою групою відповідністю відповідним вимогам свого статуту та будь-яких супровідних документів вимогам". Деякі речі можна випрасувати, і в основній специфікації є кілька супровідних біт додатка, але більшість з них насправді готові до використання відразу, при цьому значна частина є стабільною в останніх браузерах.




3

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


2

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

для офлайн-рішення (для завантаження) спробуйте синій грифон

вони безкоштовні :) о так, ще один, мій улюблений редактор :) та редактор ігор також: construct2



1

Я маю сумніватися, чи потрібен вам, зокрема, редактор, здатний обробляти HTML5. Це все ще HTML. Так, зміни є, але це не так вже й багато, якщо вам вже зручно використовувати HTML4. Я підозрюю, що більшість редакторів, здатних керувати HTML, повинні також обробляти HTML5.


1

У Radrails 3, як передбачається, його буде, в Aptana Studio 3. Radrails знаходиться в бета-версії, так що це такий собі спад, але, тим більше, це є, щоб дати вир.

Це теж багатоплатформна платформа для тих, хто з нас не є виндозькими.


1

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

Найкраще, що ви можете зробити, це переглядати блоги, навчальні посібники та інші статті в Інтернеті та самостійно експериментувати над розробкою HTML5.

EDIT: Щойно знайшли тут плагін Visual Studio 2008/2010



1

HTML Pencil - це Інтернет-редактор HTML, створений для сучасних браузерів.


0

Це може вас не зацікавити, але просто додати (0 :, мені подобається ID VS2008 для редагування html - і це подвоює задоволення, якщо у вас є панель інструментів для розробників Internet Explorer (як, наприклад, firebug).



Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.