Editor webových stránek

Editor webových stránek

Editor

V editoru dochází k velké části celkových úprav. Lze jej nakonfigurovat, prostřednictvím panelu nástrojů, aby zobrazoval jak WYSIWYG, tak pohled zdroje aktuálního dokumentu vedle sebe nebo nad sebou, nebo jej lze nakonfigurovat, aby zobrazoval buď jen WYSIWYG, nebo jen pohled zdroje (výše uvedený obrázek ukazuje rozdělené pohledy WYSIWYG a zdroje). Vybraný prvek je synchronizovaný mezi všemi pohledy.

Paleta

Paleta

Paleta zobrazuje položku pro každou značku v knihovnách značek JSP, které jsou na cestě ke třídě aplikace, a také pro standardní značky HTML a JSP. Položky značek lze pomocí myši přetáhnout na plátno návrhu v režimu WYSIWYG a tam rychle navrhovat webové stránky. Paletu lze přidržet otevřenou nebo lze nastavit automatické rozbalení, když je nad ni ve sbaleném stavu umístěn kurzor.

Karty Návrh/Náhled

Náhled

Karty Návrh/Náhled editoru umožňují uživateli přepínat mezi pohledem, kde lze upravovat (jak ukazuje první obrázek), a náhledem, kde upravovat nelze (viz obrázek výše), který věrně emuluje webovou stránku tak, jak bude zobrazena za běhu programu.

Panel nástrojů

Panel nástrojů

Panel nástrojů umožňuje následující funkce:

Pohled Vlastnosti

Vlastnosti

Pohled Vlastnosti umožňuje kontrolu a úpravy atributů vybraného prvku. Karta "Rychlá úprava" v rámci tohoto pohledu nabízí přístup k nejčastěji upravovaným atributům, zatímco karta "Atributy" nabízí přístup ke všem atributům.

Navigace mezi prvky

Navigace mezi prvky

Rozevírací okno navigace mezi prvky umožňuje výběr nadřízených prvků vybraného prvku pro úpravy v rámci pohledu Vlastnosti.

Pohled Osnova

Kontextová nabídka Osnova

Pohled Osnova umožňuje uživateli vizuálně zkontrolovat strukturu dokumentu a změnit výběr aktuálního prvku. Také umožňuje přetahovat prvky v rámci pohledu pomocí myši a kontextová nabídka umožňuje manipulaci s prvky a atributy.

Stavový pruh

Stavový pruh zobrazuje hierarchické umístění vybraného prvku v rámci dokumentu.


Práce s prvky v pohledu WYSIWYG

Kontrola prvků

Kontrola prvků

Při přesunu kurzoru nad prvek nebo ohraničení, které představuje prvek, poskytne zpětná vazba popis prvku, který bude po klepnutí myší vybrán.

Výběr prvků

Výběr prvků

Po klepnutí na prvek nebo ohraničení, které představuje prvek, zobrazí hranice výběru vybraný prvek (a tento výběr je synchronizovaný ve všech pohledech).

Úprava prvků s pomocí kontextové nabídky

Kontextová nabídka

Klepnutí pravým tlačítkem myši na prvky vyvolá kontextovou nabídku, která umožňuje úpravy daného prvku, výběr a další funkčnosti. Jak je vidět na obrázku výše, některé prvky umožňují úpravy vázané na specifické značky.

Vizuální kontrola a výběr nevizuálních podřízených komponent

Kontrola podřízených komponent

Po přesunu kurzoru nad prvek je vidět nevizuální podřízené komponenty tohoto prvku (jako např. konvertory a validátory) jako poloprůsvitné ikony poblíž pravého horního rohu daného prvku.

Výběr podřízených komponent

Výběr prvku a následné klepnutí na ikonu "přidržení", která se zobrazí v jeho pravém horním rohu, umožní výběr nevizuální podřízené komponenty klepnutím na ikonu dané komponenty.