優れた視覚的なHTML5エディタまたはIDEはありますか?[閉まっている]


116

まあそれは、Dreamweaver CS5がさらに数年(実際には数週間)HTML5をスムーズにしようとするようです。次のラングダウンはメモ帳の権利のようです!

誰もがビジュアル/プレビュー/スタイル重視の優れたHTML5エディターを知っていますか?

プラグイン付きのEclipse?

(市場はすぐに物乞いをするようです。)

ありがとう

...ところで。「ブラウザがサポートされていない」、「まだ完了していない」などを知っています。それは私たちの問題ではありません。私たちはSafariのみのWebサイトとiPhone iAdの唯一の制作を行っています...そのため、実装で何が機能するかを知っています。(ちなみに私たちはほとんどがWindowsです)


3
別の質問が「オフトピック」として閉じられており、174Kのビューと多くの良い回答があります。それが私のものだけではないことを見てうれしい...
Mrk Fldig

回答:


8

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

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

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



39

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


1
Aptana Studio 3ベータ版の+1。これは非常に優れたIDEであり、クロスプラットフォームです。
Octavian A. Damiean

更新:ベータ版および最初のバグ修正リリース、現在:aptana.com/products/studio3/releasenotes
Jan

HTML5タグ機能のビジュアル/ WYSIWYGに加えて、Web Storage APIなどのHTML5 APIを認識できるIDEが必要です。ウィンドウ<dot>を入力すると、sessionStorageやlocalStorageなどのオブジェクトのオートコンプリートが表示されません...
Lee Chee Kiam

あ、「パグイン」。Pugginsは素晴らしい姓になります。笑ってくれてありがとう。
エンジニア、

10

更新

Aptana Studio 3を使用してください。アップグレードされています。

あなたはどちらかを選ぶことができます

オンラインでアロハWYSIWYGエディターを試す

しかし、Web開発者として、私は今でもNotepad ++を好みます。必要なコード支援があります。


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


これは後半に答え、ええ非常に遅く答えかもしれませんが、確実に誰かを助ける
ダウンロード「のJava EE開発者のためのEclipse IDEを」 最新の安定版を

ダウンロード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プロジェクト>プロジェクト名を入力

新しいWebプロジェクトを作成する


    新しいHTMLファイルを作成

新しいHTMLファイルを作成


    index.htmlの名前

index.html

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

プロパティをHTML5に設定

    Ctrl + Spaceを押す

チートシートHTML5

同様に、新しい* .cssファイルを作成します。cssファイルを
右クリックし、[プロパティ]> [Webコンテンツの設定]> [CSS3プロファイルを選択]の順にクリックし、[
Ctrl] + [Space
CSS3チートシート
Wooo ]をクリックします


どこを見逃したのかはわかりませんが、Google Plugin for Eclipseをインストールした後、「Static Web Project」が見つかりません。唯一の新しいプロジェクトタイプは、Google App Engineに関するものです。
趙翔

使用しているEclipseのバージョンは何ですか?
VenomVendor

インディゴサービスリリース1.後で私はAptanaプラグインを試してみましたが、機能します
Zhao Xiang

すべてのIDEの最新バージョンを使用することを常にお勧めします。より良い結果を得るためにJuno JEEを試すことができます
VenomVendor

8

Topstyle 4は、HTML5(およびCSS3)のサポートで私が遭遇した唯一のものです。初期段階ですが、ほとんどの場合十分に機能します。


7

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

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


s / test / text / ..を意味していると思います
Tim Post

1
@jordanstephens-はい。本当に。TextEdit。
Justin Niessner、2010

@justin Niessnerそれが機能することを確認します。「優れたテキストエディタ」のリストにまとめることはしません。それぞれの人に
当てはまる

@jordanstephensは、TextEditが他の一部のアプリの優れた機能をすべて備えていないからといって、テキストの編集が得意ではないという意味ではありません。
Alex Larzelere、2010

あなたは質問に答えていません
キッカハ2013

4

指摘しておきますが、HTML5 自体は「準備が整っている」というわけではありません。それは実際にはかなり完成しており、「憲章および付随する要件文書の関連要件を満たすためにワーキンググループによって検討されています。」解決すべき点がいくつかあり、コア仕様にはいくつかのアドオンビットが付属していますが、その大部分は実際にすぐに使用できる状態であり、そのほとんどは最新のブラウザーで安定しています。




3

NetBeans 7はHTML5をサポートしています。以前はEclipseのヘビーユーザーでしたが、NetBeansでHTML5とサーブレットを操作するためにより多くの時間を費やしていました。


2

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

オフラインソリューションの場合(ダウンロード可能)ブルーグリフォンを試す

それらは無料です:)そうそう、もう1つ、私のお気に入りのエディター:)とゲームエディターも: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:、html編集にはVS2008 IDEが好きです -そして、(Firebugのような)Internet Explorer開発者ツールバーがあれば、楽しさが倍増します。



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.