it-swarm-ja.com

優れたWYSIWYG HTMLエディターとは何ですか?

私はDreamweaverを使用しました(CS3であるため、数バージョン戻っています)が、生成される無効なマークアップの量に失望しています。有効なマークアップを生成する他のWYSIWYGエディターはありますか?

7
plntxt

コードを制御する場合は、Dreamweaverのコードビューを使用するか、WindowsのNotepad ++、MacのTextmate、* nixのVimなどのプレーンテキストエディターを使用します。 WYSIWYGの問題は、作成したコードを完全に制御できないことです。ただし、後でオフコースをクリーンアップすることはできます。

7
D4V360

ここに関連する質問: HTML検証:価値はありますか? 。無効なマークアップに動揺していると言ったので、これを取り上げます。私の意見では、マークアップのセマンティクスはマークアップの有効性よりも重要であり、一般にこれは人間によってのみ適切に行うことができます–特に HTML5。

Jeffery Zeldmanが最近、まさにこのテーマに関する記事を投稿しました: An Design for HTML and CSS 。アドビの特定の人々からの話に触発され、彼は、WYSIWYGエディターはコンピュータープログラムが意味のある感情的な音楽を作成できる以上、意味のある意味のマークアップを作成できないと主張します。

Dreamweaverに固執し、そのコードビューを使用することを選択した場合(これはかなり長い間使用していましたが、非常に優れています)、CS5へのアップグレードを検討する必要があります。アドビは、Flashの嫌悪感をすべて考慮して、生成するコードの品質を改善するために多大な努力を払ってきました。また、 HTML5 Pack も作成しました。

この拡張機能は、Adobe Dreamweaver CS5でHTML5とCSS3の初期サポートを提供し、HTML5ページとCSS3スタイルを簡単に作成するのに役立ちます。また、デザインビューおよびライブビューレンダリングの更新およびWebKitの改善も含まれています。

HTML5とCSS3はしばらくの間確定しませんが、この拡張機能は現在実装されている一連の機能のサポートを提供します。

この拡張機能は、次の方法でDreamweaver CS5を強化します。

  • マルチスクリーンプレビューパネルが導入され、メディアクエリがサポートされ、3つの異なる画面サイズでライブビューを表示できるようになりました。 (ウィンドウ>マルチスクリーンプレビュー)
  • 新しいタグ、属性、およびプロパティを使用して、HTML5タグライブラリのコードヒントを追加します。
  • 既存のHTMLタグの新しい属性と値のコードヒントを更新します。
  • 次のCSS3仕様のコードヒントを追加します。2D/ 3D変換。アニメーション;背景と境界線;基本的なユーザーインターフェイス。行レイアウト;マーキー;メディアクエリ; MultiColumn;ルビー;テキスト;および遷移。
  • ライブビューを更新して、<video>および<audio>をサポートします。 (Quicktimeのインストールが必要です。)
  • ライブビューでのCSS3のレンダリングの改善。
  • HTML5スターターレイアウトを[新規ドキュメント]ダイアログボックスに追加します。
  • デザインビューで新しいタグのレンダリングを改善します。

Dreamweaverは競合他社のほとんどよりもずっと長く、堅実なプログラムであり、WYSIWYGエディターの使用に固執することを選択した場合、他のアプリからそれほど良くなることはありません。

3
Bryson

Coda Panicの人たちは本当にすてきなMac製品です。自分でマークアップを記述し、TextMate、Notepad2などと同様に完全なコントロールを保持します。しかし、分割画面で見ることができるライブプレビューもあり、ページにどのような影響があるかをすぐに知ることができます。それはニースの「両方の世界のベスト」ソリューションです。

3
Alan

jEdit とEclipseを使用しました。これらは私の開発ワークフローの残りの部分にうまく機能したからです。 jEditの構文の強調表示、およびさまざまなテキスト形式を認識する機能は、私が思いついた奇妙なことをすばやく確認するのに非常に便利です。

私は、WYSIWYGの編集者を避けることに言及した他の人々に同意します。 DWの最新バージョンは、ほとんどの場合、許容可能なコードを生成しますが、それを使用するときは、とにかくコードビューで95%の時間を費やします。

1
acrosman

私は Microsoft Visual Web Developer 2010 Express (無料、商用利用を含む)を使用しています:)

0
Andrei Rînea