Websideeditor

Websideeditor

Editor

Editoren er hvor meget af redigeringen finder sted. Den kan konfigureres, via værktøjslinjen, for at vise både en WYSIWYG- og en kildeoversigt over det aktuelle dokument i enten vandret eller lodret opdelt tilstand, eller den kan konfigureres til kun at vise WYSIWYG- eller kildeoversigten (billedet ovenfor viser opdelte WYSIWYG- og kildeoversigter). Det valgte element synkroniseres mellem alle oversigter.

Palet

Palet

Paletten viser et element for hver kode i JSP-kodebibliotekerne, som findes i programmets classpath foruden standard-HTML og JSP-koder. Kodeelementerne kan trække og placeres på WYSIWYG-designlærredet, hvis du hurtigt vi designe websider. Paletten kan fastholdes åben, eller den kan angives til automatisk at udvide sig, når markøren placeres over den, når den er i skjult tilstand.

Skillebladene Design/Vis resultat

Vis resultat

Ved hjælp af skillebladene Design/Vis resultat i editoren kan du skifte mellem den redigérbare oversigt (som vist i det først billede) og den ikke-redigérbare (som vist i billedet ovenfor), som emulerer websiden, som den vil blive gengivet ved runtime.

Værktøjslinje

Værktøjslinje

Værktøjslinjen tillader følgende funktioner:

Oversigten Egenskaber

Egenskaber

I egenskabsoversigten kan du undersøge og redigere det valgte elements attributter. Skillebladet Hurtigredigering i oversigten giver adgang til de oftest redigerede attributter, mens skillebladet Attributter giver adgang til alle attributter.

Elementnavigation

Elementnavigation

På elementnavigationslisten kan du vælge det valgte elements overoverordnede elementer og redigere dem i egenskabsoversigten.

Oversigten Struktur

Kontekstmenuens struktur

I strukturoversigten kan du undersøge dokumentstrukturen og vælge at ændre det aktuelle element. Det er også muligt at trække og placere elementer i oversigten, og ved hjælp af kontekstmenuen kan du manipulere elementer og attributter.

Statuslinje

På statuslinjen vises det valgte elements hierarkiske placering i dokumentet.


Arbejd med elementer i WYSIWYG-oversigten

Undersøg elementer

Undersøg elementer

Ved at føre markøren hen over et element eller den kant, der repræsenterer elementet, gives feedback om, hvilket element der vil blive valgt, hvis der klikkes med musen.

Vælg element

Vælg elementer

Når du klikker på et element eller på den kant, der repræsenterer elementet, angiver en valgkant det valgte element (og valget synkroniseres på tværs af alle oversigter).

Redigér element vha. kontekstmenuen

Kontekstmenu

Når du højreklikker på elementer, vises en kontekstmenu, der giver dig mulighed for at redigere, vælge og foretage andre funktioner på det valgte element. Som det fremgår af ovenstående billede tillader nogle elementer kodespecifik redigeringsfunktionalitet.

Visuel undersøgelse og valg af ikke-synlige underordnede komponenter

Undersøg underordnede komponenter

Ved at føre markøren hen over et element vises elementets ikke-synlige underordnede komponenter, f.eks. konverteringer og validatorer, som halvgennemsigtige ikoner øverst til højre på elementet.

Vælg underordnede komponenter

Når du vælger et element og derefter klikker på ikonen Fasthold, der vises øverst til højre på elementet, får du mulighed for at vælge den ikke-synlige underordnede komponent ved at klikke på komponentens ikon.