HTML- und CSS-Editor

Arbeiten mit CSS & HTML parallel zu XML, XSLT und JSON

  • Unterstützung für die HTML4-, HTML5- und XHTML-Bearbeitung
  • Syntaxfärbung, Zeilennummerierung und Lesezeichen
  • Codekomplettierung und kontextsensitive Eingabehilfen
  • Integrierte HTML-Browser-Ansicht
  • CSS2.1- und CSS3-Bearbeitung
  • Projektmanagementfunktionen
  • Integration mit Versionskontrollsystemen
  • Bearbeitung von HTML und CSS in EPUB

HTML-Editor

HTML-Editor in XMLSpy

XMLSpy bietet intelligente Unterstützung für die Bearbeitung von HTML4- und HTML5-Seiten und das Testen dieser Seiten in der integrierten Browser-Ansicht.

Die Textansicht beinhaltet zahlreiche hilfreiche HTML-Bearbeitungsfunktionalitäten, wie z.B. Syntaxfärbung, Zeilennummerierung, Lesezeichen, Codekomplettierung und kontextsensitive Eingabehilfen und Menüs, die während der Eingabe die entsprechenden Eingabevorschläge machen.

Sie können Ihren HTML-Code und die erzeugte Webseite während der Bearbeitung in der integrierten Browser-Ansicht Seite an Seite nebeneinander anzuzeigen, sodass Sie das Resultat Ihrer Bearbeitung sofort überprüfen können. Sie können die Webseite aber nicht nur in XMLSpy anzeigen, sondern die aktive Datei sofort im Browser Ihrer Wahl (Chrome, Firefox, Edge, usw.) öffnen, um die Seite in mehreren Browsern zu testen. Im-Fenster "Info" sehen Sie alle derzeit auf Ihrem System installierten Browser und Sie können, falls nötig, andere Applikationen manuell hinzufügen.

HTML-Editor

XHTML ist als XML-Applikation definierter HTML-Code. Natürlich stehen in XMLSpy zahlreiche nützliche Funktionen für die Bearbeitung von XHTML-Dateien zur Verfügung. Ein XHTML-Dokument lässt sich genau wie ein XML-Dokument in der Text- und der Grid-Ansicht bearbeiten, wobei Sie Zugriff auf intelligente XML-Bearbeitungsfunktionen haben und Funktionen wie Zuweisung von DTDs und XML-Schemas, umfangreiche Validierungsfunktionen und mehr zur Verfügung stehen, um die Entwicklung von XTHML-Seiten und -Apps so einfach wie möglich zu gestalten.

CSS-Editor

CSS-Editor in XMLSpy

Der CSS-Editor von XMLSpy hilft Entwicklern, die XML-basierte Webseiten, komplexe HTML5-Apps und mehr erstellen, Ihre Produktivität zu steigern, da sie ihre CSS-Bearbeitungen in derselben Umgebung fertig stellen können, in der sie auch HTML-Code und/oder XSLT-Transformationen unter Verwendung derselben benutzerfreundlichen intelligenten Eingabehilfen und Optionen entwickeln.

In der Eingabehilfe CSS-Übersicht werden die Selektoren für ein Dokument in einklappbaren Gruppen aufgelistet übersichtlich angezeigt. Bei Klick auf einen Selektor erscheint dieser im aktuellen Dokument markiert. Die Eingabehilfen "CSS-Eigenschaften" und "HTML-Elemente" enthalten übersichtliche Listen mit Eigenschaften und Elementen. Durch Doppelklick wird ein Eintrag an der aktuellen Stelle im CSS-Stylesheet eingefügt.

In der integrierten XMLSpy Browser-Ansicht sehen Sie sofort das Ergebnis Ihrer Bearbeitungen und können die erzeugte HTML-Seiten in anderen installierten Browsern öffnen, um es zu überprüfen.