WebToDate/WYSIWYG editor/Základní ovládání editoru: Porovnání verzí
Z WebToDate
< WebToDate | WYSIWYG editor
| (Nejsou zobrazeny 4 mezilehlé verze od 2 dalších uživatelů.) | |||
| Řádek 1: | Řádek 1: | ||
[[Category:WebToDate | [[Category:WebToDate WYSIWYG editor]] | ||
[[Category:WYSIWYG editor]] | [[Category:WYSIWYG editor]] | ||
== Obrazovka editoru == | == Obrazovka editoru == | ||
Okno prohlížeče, ve kterém se otevírá WYSIWYG editor a upravovaný text, je rozděleno na tři vodorovné části. | Okno prohlížeče, ve kterém se otevírá WYSIWYG editor a upravovaný text, je rozděleno na tři vodorovné části. | ||
[[Image:wysiwygeditor-zakladniovladanieditoru-img004.png|center]] | [[Image:wysiwygeditor-zakladniovladanieditoru-img004.png|center|Obrazovka WYSIWYG editoru - FCKeditor]] | ||
V horní části okna se zobrazuje nástrojová lišta editoru. Lišta obsahuje všechny dostupné funkce a povely. Typicky se s lištou pracuje tak, že se v textu vybere nějaký obsah (část textu apod.) a následně se klepnutím na tlačítko v nástrojové liště spouští odpovídající funkce (např. změna formátu písma vybraného textu apod.). | V horní části okna se zobrazuje nástrojová lišta editoru. Lišta obsahuje všechny dostupné funkce a povely. Typicky se s lištou pracuje tak, že se v textu vybere nějaký obsah (část textu apod.) a následně se klepnutím na tlačítko v nástrojové liště spouští odpovídající funkce (např. změna formátu písma vybraného textu apod.). | ||
[[Image:wysiwygeditor-zakladniovladanieditoru-ck.png|center|Obrazovka WYSIWYG editoru - CKEditor]] | |||
Ve střední části se zobrazuje editovaný text. Ve výchozím stavu se zobrazuje v režimu WYSIWYG, což znamená, že vložený HTML kód je vizuálně formátován; uživatel nevidí jednotlivé HTML značky, ale vlastní formátovaný obsah. | Ve střední části se zobrazuje editovaný text. Ve výchozím stavu se zobrazuje v režimu WYSIWYG, což znamená, že vložený HTML kód je vizuálně formátován; uživatel nevidí jednotlivé HTML značky, ale vlastní formátovaný obsah. | ||
| Řádek 19: | Řádek 21: | ||
* Přesun textu – označte část textu myší a přetažením jej přesuňte na jiné místo | * Přesun textu – označte část textu myší a přetažením jej přesuňte na jiné místo | ||
* Formátování textu – označte část textu myší a z nástrojové lišty zvolte příslušné formátování (např. tlačítko '''B''' pro tučný text apod.) | * Formátování textu – označte část textu myší a z nástrojové lišty zvolte příslušné formátování (např. tlačítko '''B''' pro tučný text apod.) | ||
* Odstranění formátování – jestliže vyberete myší nějak formátovaný text, v nástrojové liště se zvýrazní odpovídající prvek. Např. pokud je nějaký text označen tučně a vyberete jej myší, aktivuje se tlačítko '''B''' v nástrojové liště. Klepnutím na toto tlačítko v tomto stavu dané formátování odstraníte. Dále je k dispozici tlačítko | * Odstranění formátování – jestliže vyberete myší nějak formátovaný text, v nástrojové liště se zvýrazní odpovídající prvek. Např. pokud je nějaký text označen tučně a vyberete jej myší, aktivuje se tlačítko '''B''' v nástrojové liště. Klepnutím na toto tlačítko v tomto stavu dané formátování odstraníte. Dále je k dispozici tlačítko [[Image:wysiwygeditor-zakladniovladanieditoru-imgA.png]] pro odstranění veškerého formátování z vybraného bloku textu. | ||
* Změna vlastností objektu – klepněte na objekt pravým tlačítkem myši a vyberte požadovanou možnost z kontextové nabídky. Pro hypertextový odkaz tak můžete změnit jeho URL, pro tabulky takto můžete změnit takové vlastnosti jako ohraničení, zarovnání atd. Příklad kontextové nabídky je na následujícím otisku obrazovky. | * Změna vlastností objektu – klepněte na objekt pravým tlačítkem myši a vyberte požadovanou možnost z kontextové nabídky. Pro hypertextový odkaz tak můžete změnit jeho URL, pro tabulky takto můžete změnit takové vlastnosti jako ohraničení, zarovnání atd. Příklad kontextové nabídky je na následujícím otisku obrazovky. | ||
Aktuální verze z 26. 9. 2011, 15:17
Obrazovka editoru
Okno prohlížeče, ve kterém se otevírá WYSIWYG editor a upravovaný text, je rozděleno na tři vodorovné části.
V horní části okna se zobrazuje nástrojová lišta editoru. Lišta obsahuje všechny dostupné funkce a povely. Typicky se s lištou pracuje tak, že se v textu vybere nějaký obsah (část textu apod.) a následně se klepnutím na tlačítko v nástrojové liště spouští odpovídající funkce (např. změna formátu písma vybraného textu apod.).
Ve střední části se zobrazuje editovaný text. Ve výchozím stavu se zobrazuje v režimu WYSIWYG, což znamená, že vložený HTML kód je vizuálně formátován; uživatel nevidí jednotlivé HTML značky, ale vlastní formátovaný obsah.
Ve spodní části okna je spodní lišta. V ní se nachází přepínač pro automatické řádkování, více o této funkci naleznete v dalších kapitolách.
Úpravy textu
Při práci s textem se postupuje podobně jako v každém běžném textovém editoru. V následujícím přehledu jsou typické operace a způsob jejich provedení.
- Vložení nového textu – umístěte (myší nebo šipkami na klávesnici) kurzor na požadované místo a začtěte z klávesnice psát text
- Odstranění existujícího textu – umístěte kurzor na požadované místo a použijte klávesy Del nebo backspace. Stejně tak je možné myší vyznačit část textu a klávesou Del smazat.
- Přesun textu – označte část textu myší a přetažením jej přesuňte na jiné místo
- Formátování textu – označte část textu myší a z nástrojové lišty zvolte příslušné formátování (např. tlačítko B pro tučný text apod.)
- Odstranění formátování – jestliže vyberete myší nějak formátovaný text, v nástrojové liště se zvýrazní odpovídající prvek. Např. pokud je nějaký text označen tučně a vyberete jej myší, aktivuje se tlačítko B v nástrojové liště. Klepnutím na toto tlačítko v tomto stavu dané formátování odstraníte. Dále je k dispozici tlačítko
pro odstranění veškerého formátování z vybraného bloku textu. - Změna vlastností objektu – klepněte na objekt pravým tlačítkem myši a vyberte požadovanou možnost z kontextové nabídky. Pro hypertextový odkaz tak můžete změnit jeho URL, pro tabulky takto můžete změnit takové vlastnosti jako ohraničení, zarovnání atd. Příklad kontextové nabídky je na následujícím otisku obrazovky.
Pokud uděláte při nějaké operaci chybu, jsou k dispozici v nástrojové liště tlačítka pro návrat k předchozímu stavu resp. opětovnému provedení dané akce.
Poznámka: Počet kroků při vracení se k předchozímu stavu je omezen. Tento počet je konfigurovatelný a proto se může pro každou instalaci lišit, výchozí hodnota po instalaci WebToDate je 15 kroků.
Uložení úprav
Tlačítko pro uložení změn 
ukládá změny do databáze WebToDate a zavírá okno s editorem.
Pokud nechcete změny uložit, uzavřete okno pomocí ikony pro zavírání okna (s křížkem) v pravém horním rohu okna.
