Was ist ein guter WYSIWYG HTML Editor?


7

Ich habe Dreamweaver verwendet (obwohl CS3, also bin ich ein paar Versionen zurück), aber ich bin enttäuscht über die Menge an ungültigem Markup, die es erzeugt. Gibt es andere WYSIWYG-Editoren, die gültige Markups erstellen?


5
ECHTE Webmaster verwenden den Editor (oder vi, wenn Sie auf * nix sind)! ;)
Justin Scott

Dreamweaver erzeugt ein gültiges Markup, wenn Sie es richtig konfiguriert haben. Es ist meiner Meinung nach das beste Desktop-WYSIWYG-Tool.
Jessegavin

@ Justin obligatorische XKCD Link: xkcd.com/378
Jason

@ Justin Scott: Sie vergleichen Notizblock und vi? Echte Webmaster verwenden 'ed' auf * nix.
Akira

Antworten:


7

Wenn Sie die Kontrolle über Ihren Code haben möchten, verwenden Sie die Codeansicht in Dreamweaver oder einfach einen einfachen Texteditor wie Notepad ++ unter Windows, Textmate unter Mac oder Vim unter * nix. Das Problem mit WYSIWYG ist, dass Sie nicht die volle Kontrolle über den von Ihnen produzierten Code haben, obwohl Sie danach frei sind, zu sauber zu werden.


3

Coda von den Jungs bei Panic ist ein wirklich schönes Mac-Produkt. Sie schreiben das Markup selbst und behalten daher die vollständige Kontrolle wie bei TextMate, Notepad2 usw. Es gibt jedoch auch eine Live-Vorschau, die Sie auf einem geteilten Bildschirm sehen können, sodass Sie sofort erkennen können, welche Auswirkungen Sie auf die Seite haben. Es ist eine schöne "Best of Both Worlds" -Lösung.


3

Eine verwandte Frage hier: HTML-Validierung: Lohnt es sich? . Ich spreche das an, da Sie erwähnt haben, dass Sie mit dem ungültigen Markup verärgert sind. Markup-Semantik ist meiner Meinung nach wichtiger als Markup-Gültigkeit, und im Allgemeinen kann dies nur von einem Menschen richtig gemacht werden - insbesondere mit all den neuen Elementen, die von HTML5 präsentiert werden.

Jeffery Zeldman hat kürzlich einen Artikel zu diesem Thema veröffentlicht: Ein InDesign für HTML und CSS . Inspiriert von Gesprächen bestimmter Mitarbeiter bei Adobe, stellt er fest, dass kein WYSIWYG-Editor mehr aussagekräftige und semantische Markups erstellen kann, als ein Computerprogramm aussagekräftige und emotionale Musik komponieren kann.

Wenn Sie sich für Dreamweaver entscheiden und die Codeansicht verwenden (die ich schon seit einiger Zeit verwende, ist sie sehr gut), sollten Sie ein Upgrade auf CS5 in Betracht ziehen. Angesichts des Hasses auf Flash hat Adobe große Anstrengungen unternommen, um die Qualität des generierten Codes zu verbessern. Sie haben auch das HTML5 Pack erstellt .

Diese Erweiterung bietet erste Unterstützung für HTML5 und CSS3 in Adobe Dreamweaver CS5 und hilft Ihnen beim einfachen Erstellen von HTML5-Seiten und CSS3-Stilen. Es enthält auch Updates und WebKit-Verbesserungen für Design View und Live View-Rendering.

Während HTML5 und CSS3 für einige Zeit nicht finalisiert werden, bietet die Erweiterung Unterstützung für eine Reihe derzeit implementierter Funktionen.

Diese Erweiterung verbessert Dreamweaver CS5 auf folgende Weise:

  • Einführung des Multiscreen-Vorschaufensters, das die Anzeige von Live View auf 3 verschiedenen Bildschirmgrößen mit Unterstützung für Medienabfragen ermöglicht. (Fenster> Multiscreen-Vorschau)
  • Fügt Code-Hinweise für die HTML5-Tag-Bibliothek mit neuen Tags, Attributen und Eigenschaften hinzu.
  • Aktualisiert den Code, der auf neue Attribute und Werte in vorhandenen HTML-Tags hinweist.
  • Fügt Code-Hinweise für die folgenden CSS3-Spezifikationen hinzu: 2D / 3D-Transformationen; Animationen; Hintergrund und Grenze; Grundlegende Benutzeroberfläche; Linienlayout; Festzelt; Medien-Anfragen; MultiColumn; Rubin; Text; und Übergänge.
  • Aktualisiert Live View, um <video> und <audio> zu unterstützen. (Erfordert die Installation von Quicktime.)
  • Verbessertes Rendern für CSS3 in Live View.
  • Fügt dem Dialogfeld "Neues Dokument" HTML5-Starterlayouts hinzu.
  • Bietet ein besseres Rendering für neue Tags in der Entwurfsansicht.

Dreamweaver gibt es schon viel länger als die meisten seiner Konkurrenten und ist ein solides Programm. Wenn Sie sich für die Verwendung des WYSIWYG-Editors entscheiden, werden Sie mit anderen Apps nicht viel besser.


1

Ich habe von jEdit und Eclipse verwendet, weil sie sich gut in den Rest meines Entwicklungsworkflows einfügen. Die Syntaxhervorhebung von jEdit und die Fähigkeit, eine Vielzahl von Textformaten zu erkennen, sind sehr hilfreich, um schnell zu überprüfen, welche seltsamen Dinge mir in den Weg gekommen sind.

Ich stimme anderen zu, die erwähnt haben, dass sie WYSIWYG-Redakteure meiden. Die neuesten Versionen von DW generieren die meiste Zeit akzeptablen Code, aber wenn ich ihn verwende, verbringe ich trotzdem 95% meiner Zeit in der Codeansicht.


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.