2009-06-18 16 views
1

CSSとdivタグの何千、何に接続されたdiv要素を参照するために、その本当に難しいを持っているHTMLを操作するための最高の無料のIDE /エディタは何ですか?例えば、対応するdivを強調表示したり、それらの横に+/-記号を表示して展開/折りたたんだりすることができますか?大量のdivでHTMLを扱うのに最適なツールですか?

+3

「のdivの数千人」で、このシェアウェア由緒あるW3Cに住んでいる「Tidyの」という名前の、オープンソースのCプログラムのような美しくツールでinteresを見つけることができます... – scunliffe

+3

テーブルレスデザインが大活躍! Webデザイナー –

+1

いやをすすりながら、いくつかの空想shmancyラテによって行われてきたんだろう、私の男を聞きません。それは、すべての問題を解決するためのdivを持っています。そして、div1、div2、div4-partbなどのCSSクラス名をよく記述しています。 –

答えて

5

メモ帳++またはEclipseは、あなたが言及したハイライト/折りたたみを行うことができます。 Firebugは、どちらがより対話的にどのようなものであるかを示すことができます。 W3Cバリデーターをすばやく実行すると、タグに一致するタグがないことが保証されます。傷つけることはできませんでした。全体的に

しかし、それは単に「痛い」状況です。あなたがその混乱を作り出した人々と関係があるなら、できるだけ早くそれを掃除するように勧めてください。誰もが幸せになり、ページの読み込みが高速になります。

0

私はEclipse IDEにAptana Studioプラグインを提案します。一致したタグ、タグの洞察などのニースのハイライト表示

+0

また、Eclipseを使用している場合は、すべてを選択し、右クリックして、source-> indentationを選択します。正しいインデントを確認するのに多分役立つだろう。 – Cameron

1

<div>または</div>をハイライト表示するときにvimが "おそらく、コードの折りたたみのためのプラグインもあります。これは高速でもあり、巨大なテキストファイルに役立ちます。

7

私はあなたが記述しているような問題を特定するためにfirefoxでfirebugを使用するのが好きです。次に、ブラウザが何をレンダリングしているかを明確に確認し、レンダリングの原因となっているコードを直接クリックすることができます。 (多くの他の機能を備えている)必要があります。

私は@scunliffeに同意します: "何千ものdivs"が私を恐れる!

1

Dreamweaver CS4のクラックをダウンロードしてください。

@Cameron - Ctrl + Shiftキー+ F

+3

しかし、Dreamweaverはおそらく最初の場所でこのバインドで彼を得たでしょう! – jacobangel

+0

本当、本当に本当です。 – amischiefr

+0

いいえ、その手書きコードは信じています –

0

無料のIDEの多くはそれを行います。私はKomodo Editはあなたが右の箱から出して説明まさにないという事実を知っています。

0

NuSphere PhpEdは、HTMLのコードの折りたたみを持っています。

0

oXygen's xhtml supportこのようなことはありますか?具体的には、コードの折り畳みを提供し、xhtmlコードを解析して一致するdivを強調表示するなどの機能を提供します。また、XML文書に適したregexp grepの形式として、ソースに対してad-hoc XPath文を実行することもできます。私は、彼らのコード補完が非常にスマートであることも発見しました。

関連する問題