HTML5を整頓/インデントできるツールはどれですか?[閉まっている]


13

Googleを検索してさまざまなツールを試してから約2時間を費やしましたが、たとえば、インデントタグをインデントしないか、3年前に最後に更新された有名なHTML整頓などのHTML5互換性がありません...

NBこれをページのソース(PHPやJSのように)に適用するのではなく、エディターのコードに適用して、タグ間に明確な階層が表示されるようにします。

理想的には、Mac OS Xツールが欲しいのですが、オンラインツールを使い、最後にWine互換のツールを使います。

PS私はパニックのCodaを使用しています


2
NetbeansはSHIFT + ALT + Fによるコードのフォーマットをサポートしています。ほとんどのエディターには同様の機能があります。使用しているマニュアルを確認してください。参照:groups.google.com/group/coda-users/browse_thread/thread/...
feeela

Netbeansはそれを(thx)しますが、リンクが示すようにCodaはしません。
ウォーターベアラー

しかし、リンクされた議論で言及されている他の2つのプログラムがあります…
-feeela

見てみると、HTML5要素のサポートを追加するCoda拡張機能が見つかると思います。
モーセ

回答:


6

Aptana Studio 2は、メニューの[編集]> [フォーマット]で必要な処理を行います。私はそれを使用し、html、css、javascriptをフォーマットしました。

WYSIWYGエディターBlueGriffonは、ファイルを開くときにhtmlをフォーマットすることもできます。

どちらのソリューションも無料でオープンソースですが、Aptanaの方が優れている場合があります。BGがすべてのコードを変更せずに保持するかどうかはわかりませんが、おそらくそうではありません。

ノート:

  1. Aptana 2はインストール後に適切に構成する必要がありますが、素晴らしいhtml5 / css / javascript editor / IDEです。デフォルトの設定は少しひどいです。
  2. Aptana 3はあなたが望むことをしないかもしれません。私が試したバージョンはそれをしませんでした。

個人的には、Eclipsish IDEで嫌いです(Eclipse:Pは好きではありません)。
アラート

Aptanaはhtml / css / jsに最適なプログラムです。実際に大きな関数でjavascriptの開き括弧と閉じ括弧を追跡するのは、dreamweaverの苦痛です。
アナジオ

プロジェクトファイルを別のIDEからAptanaに移動し、インデントがめちゃくちゃになった後、これが私の命を救ってくれたことに感謝します。私は数千行のすべての数千行を手動で再インデントしていました。Aptana 3では、これは[ソース]メニュー> [フォーマット]の下にあります。
ボウレラ


3

オンラインツールを探していたので、おそらく何も見つかりませんでした。
私はそれを行うCodaプラグインPHP&Toolkitを指摘されました。また、TacoのようなほとんどのHTMLエディターはネイティブにそれを行います(Codaではありません)。


1

エスプレッソ2をお勧めします。

彼らのウェブサイトから:

唯一無二のCSSEdit 3 — CSSEditの賞を受賞したビジュアルツールが、今ではEspresso内にあります。マルチブラウザのグラデーション、シャドウなどのCSS3の素晴らしいサポート。

X線によるWebプレビュー— CSSがWebレイアウトにどのように影響するかを確認し、余白とパディングを視覚化し、ページ要素に関連するスタイルルールをすばやく見つけます。

強力で効率的なコーディング— CodeSense、コード折りたたみ、スマートスニペット、Zenコーディング、およびドラッグアンドドロップナビゲーターにより、より短時間でより良いコードを記述できます。

ライブスタイリングとオーバーライド— WebサイトのCSSを編集し、リアルタイムで更新を確認します。保存、公開、リロードする必要はありません。実験と調整は、これほど楽しいものではありませんでした。

簡単な同期と公開—クイック公開、サーバー同期、参照を使用すると、サーバーベースのワークフローに適したツールを使用できます。新しいVroomエンジンは超高速です。

ワークフローに適合するワークスペース—革新的なワークスペースは、プロジェクトファイルとスムーズに統合しながら、タブの柔軟性を提供します。

Fantastic Find —針と干し草、エスプレッソに会います。プロジェクト全体の検索と置換、クイックフィルター、および色分けされた正規表現により、ファイルやテキストの検索が簡単になります。

言語サポート— HTML5、CSS3、JavaScript、およびPHPの改善。まったく新しいRuby、Python、Apache、Markdown。または、XML / JS SugarsでEspressoを拡張します。

Mac Appstormのレビューを読んで、品質のアイデアを得ることができます。彼らは10/10を与えます。


1

EclipseはHTML5をインデント/フォーマットするというまともな仕事をしているようです。HMTLエディターにロードされたHTMLファイルで通常のフォーマットコマンド(Ctrl-Shift-F)を使用するだけで、再フォーマットされます。

調整するには、設定-> Web-> htmlファイル->エディターに移動します。ここで検証を制御することもできます。(私はEclipse v4.2.2を使用しています。)

HTMLエディターでは、EclipseインストールにWeb Tools Platformが含まれている必要があることに注意してください(詳細については、この回答を参照してください)。


0

あなたが仕事をするMac OS Xツールを探しているなら、私はTextMateと言うでしょう。

私は通常、多くの再インデントを行いますが、私が見つけることができた最も良いものはそれです。

私が気に入っているのは、タグはなくレベルごとにネストとインデントをチェックする形式で、実際にコードを再配置するのではなく、再インデントすることです。

「インデント選択」機能は特に便利です。


テキストメイトを使用しますが、いつHTMLに適したフォーマットアクションを導入しましたか?私が見つけたすべてのものがかなり悪いので共有してください。私はまだ1.5を使用していますが。
davidcondrey

0

JetBrains PhpStormは、HTML、CSS、またはPHPのインデントを使用して、優れた直感的な動作を実現します。PHPStorm設定で変更できるインデントのタイプ(タブまたはスペース)。


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