web-dev-qa-db-ja.com

優れた視覚的なHTML5エディターまたはIDEですか?

まあ、Dreamweaver CS5はさらに数年(実際には数週間)HTML5をスムーズにしようとしているようです。次のラングダウンはメモ帳にぴったりのようです!

ビジュアル/プレビュー/スタイル学習を備えた優れたHTML5エディターを知っている人はいますか?

プラグイン付きのEclipse?

(市場はすぐに物ggingいをするようだ。)

ありがとう

...ちなみに、「ブラウザのサポートなし」について知っています...「まだ終了していません」など。それは私たちにとっては問題ではありません。 ...そのため、実装で何が機能するかがわかります(ほとんどの場合、Windowsで)

116
ActionFactory

Cloud 9 IDE 。ストレージはクラウド+ローカルであり、オートコンプリートを提供し、node.js開発の明示的なサポートを提供し、リアルタイムのコラボレーションを提供し、最も人気のあるすべてのツール(gccを含む)を利用できます。ブラウザ以外のものを開かずにすべて。

それはかなり素晴らしいと思います。

2013年第3四半期編集JetBrains WebStormもお勧めします。 HTML5、CSS3、JS向けのオートコンプリート機能とリファクタリング機能を備えています。そして、それは非常に敏感です。

8
Engineer

私はいつもHTML開発用のAptana Studioが好きでした。 Aptana Studio 3 beta は最新のHTML5仕様をサポートし、非常に高速です(バージョン2と比較)。スタンドアロンおよびEclipseのパグインバージョンが利用可能です。
UPDATE:最終リリースが利用可能(同じリンク)

39
Jan

更新

Aptana Studioを使用すると、アップグレードされます。

どちらかを選択できます

オンラインで試す Aloha WYSIWYG Editor

しかし、ウェブ開発者として、私はまだNotepad ++を好みます。これには必要なコード支援があります。


古い情報、参照しないでください。


これは遅い回答かもしれません、ええ非常に遅い回答ですが、確かに誰かを助けるでしょう
ダウンロード "Eclipse IDE for Java EE Developers"最新の安定版バージョン

ダウンロード Eclipse.Zip用Googleプラグイン
Eclipseバージョンに従ってダウンロードを選択します
ダウンロード後(解凍しない
Eclipseを開く
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.Zip
フィールド「名前」に「Googleプラグイン」と入力し、[OK]をクリックします。

警告を無視し、インストールの競合後、Eclipseを再起動します。


Google Plugin for Eclipseの使用方法
ファイル>新規>その他> Web>静的Webプロジェクト>プロジェクト名を入力

Create New Web Project


新しいHTMLファイルの作成

Create New HTML File


index.htmlの名前

index.html

HTMLファイルのプロパティを選択

Set Properties to HTML5

Ctrl + Spaceを押す

Cheat Sheet HTML5

同様に、新しい* .cssファイルを作成します
cssファイルを右クリックして、[プロパティ]> [Webコンテンツの設定]> [CSS3プロファイルの選択]> [ok]
Ctrl + Spaceを押す
CSS3 Cheat Sheet
うん、コーディングを開始します。!

10
VenomVendor

Topstyle 4は、HTML5(およびCSS3)をサポートしている唯一のものです。その初期段階ですが、ほとんどの部分で十分に機能します。

8
Frazor

HTML5はまだ開発中であり、どのブラウザでも一貫したサポートがまだないため、WYSIWYG HTML5 Editorを入手するまでにかなり時間がかかると思います。

それまでの間、 Notepad ++TextEdit のような優れたテキストエディターで、手動でマークアップを編集することに慣れてください。

7
Justin Niessner

Adobe Dreamweaver CS5 HTML5パック

http://labs.Adobe.com/technologies/html5pack/

4
Jitendra Vyas

Atlasをご覧ください: http://280atlas.com/what.php

ちょうど指摘するために、HTML5 本質的には「準備ができている」というわけではありません。実際、「チャーターおよび関連する要件文書の関連要件を満たすためにワーキンググループが検討している」とほぼ完了しています。解決すべきことがいくつかあり、コア仕様にはいくつかのアドオンビットがありますが、その大半は実際にすぐに使用する準備ができており、最新のブラウザで安定しています。

4
Nicholas Wilson

NetBeans 7 はHTML5をサポートしています。以前は、Eclipseのヘビーユーザーでしたが、NetBeansでより多くの時間を費やしてHTML5およびServletを操作しました。

3
Samuel Zhang

コーヒーカップ発売しました。 2010年7月6日 http://www.coffeecup.com/html-editor/

また、ベータ版のOS Xバージョンもあります。 このstackoverflowの投稿も参照

2
Eric

オンラインソリューションについては、maqettaとaloha editorをお試しください

オフラインソリューション(ダウンロード可能)については、ブルーグリフォンをお試しください

彼らは無料です:)もう1つ、私のお気に入りのエディター:)とゲームエディター:construct2

2
deval

HTML Pencil は、最新のブラウザー用に作成されたオンラインHTMLエディターです。

1
user648340

HTML5自体で書かれたHTML5エディターをお試しください

http://www.mobdis.com

1
sheaujye

ジャスティングがすでに言ったように、学校でこれを研究しました。仕様はまだ準備が整っていないため、HTML5がエディターでサポートされるまでにおそらく時間がかかるでしょう。ブラウザーは仕様の一部を使用するのに十分な部分を実装するのに忙しいですが。

できることは、インターネット上のブログ、チュートリアル、およびその他の記事をフォローし、HTML5での開発を自分で試すことです。

編集:Visual Studio 2008/2010プラグインを見つけました here

1
Rob

具体的には、HTML5を処理できるエディターが必要かどうかを質問する必要があります。まだHTMLです。はい、変更はありますが、HTML4に慣れている場合はそれほどではありません。 HTMLを処理できるほとんどのエディターは、HTML5も処理できるはずです。

1
Grant Palin

Radrails 3には含まれているはずですが、Aptana Studio 3には含まれています。 Radrailsはベータ版なので、それは一種のダウナーですが、それでもなお、旋回することはそこにあります。

それはマルチプラットホームでもあり、私たちの非Windoze fellasにとっては。

1
Sammi Sanders
0
Rol

これは興味がないかもしれませんが、追加するだけです(0 :、私は VS2008 IDE html編集用-そして、Internet Explorer開発者ツールバー(firebugのようなもの)があれば、楽しみが倍増します。

0
KMån
0
AlexanderMP