ProdukteXMLSpyHTML-BearbeitungstoolsCSS-Editor

XMLSpy enthält einen umfangreichen CSS-Editor, der sowohl CSS2.1 als auch CSS3 unterstützt. Entwickler können damit XML-basierte Webseiten und HTML4-, HTML5- und XHTML-Webseiten und Apps erstellen.

Ergänzend zum intelligenten HTML-Editor bietet XMLSpy umfangreiche Funktionen zur Bearbeitung von CSS - darunter Syntaxfärbung, kontextsensitive Eingabehilfen und Dropdown-Menüs sowie Bildschirmtipps.

Der CSS-Editor hat alle Funktionalitäten der XMLSpy Textansicht wie z.B. Codekomplettierung, Zeilennummerierung, Klappleiste, Lesenzeichen u. v. m.

 Klicken Sie hier um eine kostenlose 30-Tage Testversion von Altova XMLSpy mit dem vollen Funktionsumfang, herunterzuladen!

CSS-Editor Eingabehilfen

XMLSpy bietet Dropdown-Menüs und Eingabehilfefenster (siehe Abbildung oben), über die Ihnen kontextsensitive Editieroptionen für das Bearbeiten Ihrer CSS-Dokumente zur Verfügung stehen.

In der Eingabehilfe CSS Outline werden die Selektoren für ein Dokument in Gruppen aufgelistet übersichtlich angezeigt. Jede Gruppe kann erweitert und reduziert dargestellt werden. Wenn Sie im Fenster "CSS Outline" auf einen Selektor klicken, wird er im Dokument markiert.

Das Eingabehilfefenster CSS-Eigenschaften enthält eine alphabetische Liste aller CSS-Eigenschaften. Um eine Eigenschaft in Ihre CSS-Datei einzufügen, doppelklicken Sie darauf. Oder Sie fügen eine Eigenschaft mit Hilfe der Autokomplettierungsfunktion ein: Geben Sie einfach die ersten Zeichen ein und der CSS-Editor zeigt eine Dropdown-Liste mit den verfügbaren Eigenschaften an. Durch Scrollen durch die Liste können Sie Tooltipps mit einer Definition der jeweiligen Eigenschaft und ihren möglichen Werten anzeigen.

.

Die Eingabehilfe HTML-Elemente enthält eine Liste der HTML-Elemente, die Sie durch Doppelklick oder Auswahl des Elements aus der Dropdown-Liste, die bei der Eingabe erscheint, in das CSS-Dokument einfügen können.

Im CSS Info-Fenster können Sie verschiedene Einstellungen konfigurieren, unter anderem mit der CSS-Datei verknüpfte HTML-Dateien, die verwendete CSS-Version (unterstützt werden CSS 2.1 und CSS3) sowie importierte CSS Stylesheets.

Mit Hilfe von Ein/Aus-Schaltflächen am oberen Rand des Fensters können Sie zwischen der reinen Ansicht des CSS-Codes und einer horizonalen oder vertikalen Nebeneinanderansicht des CSS-Codes und der damit verknüpften HTML-Seite wechseln. Auf diese Art sehen Sie sofort, wie sich Ihre Änderungen auswirken.

Während der Arbeit helfen Ihnen umfangreiche Projektmanagementfunktionen beim Ordnen und Verwalten Ihrer CSS-Dateien sowie aller damit in Beziehung stehenden Dokumente. Sie können Batch-Operationen ausführen und ein mit mehreren Registern versehenes Fenster zur Suche in Dateien bietet Funktionen zum Suchen & Ersetzen in Dateien, Ordnern und sogar ganzen Projekten.

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.

Testen Sie den CSS Editor selbst - Downloaden Sie eine kostenlose 30-Tage-Testversion von XMLSpy.