Wysiwyg editor: Porovnání verzí

Z LOGIC CMS Manuál
Přejít na: navigace, hledání
 
(Není zobrazeno 11 mezilehlých verzí od 2 uživatelů.)
Řádka 1: Řádka 1:
−
<table style="width: 700px" border="0" width="100%">
+
{| style="width: 700px;  padding-left: 10px" align="right" border="1" cellpadding="10" width="100%"
 +
|-
 +
| [[File:Wsw1.png|Styl písma]]<br/>
 +
| '''Styl písma'''<br/>
 +
| Může se aplikovat na označený text.<br/>'''B''' - tučné písmo, zkratka CTRL+B<br/>'''''I''''' - kurzíva, zkratka CTRL+I<br/><u>'''U'''</u> - podtržené písmo, zkratka CTRL+I<br/>'''<strike>ABC</strike>''' - přeškrtnuté písmo
 +
|-
 +
| [[File:Wsw2.png|Dolní a horní index]]
 +
| '''Dolní a horní index'''
 +
| Z označeného textu udělá dolní, resp. horní index
 +
|-
 +
| [[File:Wsw3.png|Zarovnání textu]]
 +
| '''Zarovnání textu'''
 +
| Zarovná odstavec (nebo označený text) vlevo, na střed, vpravo nebo do bloku.
 +
|-
 +
| [[File:Wsw4.png|Formát textu]]
 +
| '''Formát textu'''
 +
| Nastaví formát textu na odstavec (paragraph, bežný text), adresu (address), předformátovaný (preformated) nebo nadpis (heading). Nadpis má několik úrovní, které umožňují text logicky členit.<br/>
 +
|-
 +
| [[File:Wsw5.png|Vložit/upravit hypertextový odkaz]]
 +
| '''Vložit/upravit hypertextový odkaz'''
 +
|
 +
Označte text, z kterého chcete vytvořit odkaz a stiskněte toto tlačítko. Zadejte www adresu (včetně počátečného http:// ) nebo jméno záložky, na kterou má odkaz směrovat, případně další parametry, a potvrďte stisknutím tlačítka INSERT vlevém dolním rohu dialogového okna.
  
−
<tr>
+
|-
−
<td> [[File:|Styl písma]]<br />
+
| [[File:Wsw6.png|Odstranit odkaz]]<br/>
−
</td>
+
| '''Odstranit odkaz'''
−
<td> <b>Styl písma</b><br />
+
| Odstraní hypertextový odkaz z označeného textu (není třeba označovat celý text, ze kterého vede odkaz, stačí kliknout kamkoliv v textu s odkazem).
−
</td>
+
|-
−
<td> Může se aplikovat na označený text.<br /><b>B</b> - tučné písmo, zkratka CTRL+B<br /><i><b>I</b></i> - kurzíva, zkratka CTRL+I<br /><u><b>U</b></u> - podtržené písmo, zkratka CTRL+I<br /><b><strike>ABC</strike></b> - přeškrtnuté písmo
+
| [[File:Wsw7.png|Vložit/upravit záložku]]
−
</td></tr>
+
| '''Vložit/upravit záložku'''
−
<tr>
+
| Na pozici kurzoru se vloží „záložka" se zvoleným jménem, na kterou je možné odkazovat hypertextovým odkazem.
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000003400000015D8E4D00C.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000003400000015D8E4D00C.png</a><br />
+
|-
−
</td>
+
| [[File:Wsw8.png|Vložit/upravit obrázek]]
−
<td> <b>Dolní a horní index</b>
+
| '''Vložit/upravit obrázek'''
−
</td>
+
| Do pole „Image URL" zadejte cestu k obrázku. Cesta k obrázku uloženém na jiném servru musí začínat http:// . Pokud možno, použijte na vložení obrázku tlačítko „Browse" , které otevře okno s průzkumníkem uploadnutých souborů.<br/>Pro zvýšení přistupnosti stránky se doporučuje zadat popis obrázku do pole „Image description" a lepší je zadat jej i do pole Title (různé typy prohlížečů jej zpřístupňují odlišně). Popis obrázku se zobrazí, pokude bude obrázek z nějakého důvodu nedostupný.<br/>Obrázek smažete tím, že na něj kliknete a stlačíte klávesu DELETE. Pokud je obrázek již vložen, lze změnit jeho rozměr, tím, že pomocí myši chyitíme jeden z okrajů a při držení tlačítka a tažením myši budeme měnit rozměr konkrétního obrázku.<br/>
−
<td> Z označeného textu udělá dolní, resp. horní index
+
|-
−
</td></tr>
+
| [[File:Wsw9.png|Vložit/upravit média]]<br/>
−
<tr>
+
| '''Vložit/upravit média'''
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000006400000019590BF185.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000006400000019590BF185.png</a>
+
|
−
</td>
+
Na pozici kurzoru se vloží mediální soubor (flash, video apod.). Doporučujueme kontaktovat WMP s žádostí o vložení.
−
<td> <b>Zarovnání textu</b>
+
 
−
</td>
+
|-
−
<td> Zarovná odstavec (nebo označený text) vlevo, na střed, vpravo nebo do bloku.
+
| [[File:Wsw10.png|Upravit HTML kód]]
−
</td></tr>
+
| '''Upravit HTML kód'''
−
<tr>
+
| Umožňuje přímou editaci HTML kódu.
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000008C000000AE7D9288C9.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000008C000000AE7D9288C9.png</a>
+
|-
−
</td>
+
| [[File:Wsw11.png|Vyhledávání/ nahrazení textu]]
−
<td> <b>Formát textu</b>
+
| '''Vyhledávání/ nahrazení textu'''
−
</td>
+
| Umožňuje vyhledávat části textu a případně je nahradit jiným textem.<br/>Klávesová zkratka CTRL+F.<br/>
−
<td> Nastaví formát textu na odstavec (paragraph, bežný text), adresu (address), předformátovaný (preformated) nebo nadpis (heading). Nadpis má několik úrovní, které umožňují text logicky členit.
+
|-
−
</td></tr>
+
| [[File:Wsw12.png|Krok zpět / dopředu]]
−
<tr>
+
| '''Krok zpět / dopředu'''<br/>
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001900000017C63E1343.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001900000017C63E1343.png</a>
+
| Umožňuje vrátit poslední krok zpět (Undo), nebo ho znovu vykonat (Redo).<br/>Pokud například vložíte obrázek, a zjistíte, že ho tam nechcete, použijete Undo a poslední vykonaný krok se stornuje (vložení obrázku). Když si pak v zápětí uvědomíte, že tam ten obrázek vlastně chcete, použije krok dopředu (Redo) a naposled odvolaný krok se zase vykoná.
−
</td>
+
|-
−
<td> <b>Vložit/upravit hypertextový odkaz</b>
+
| [[File:Wsw13.png|Seznam]]<br/>
−
</td>
+
| '''Seznam'''<br/>
−
<td>
+
| Umožňuje vytvoření odrážek nebo číslovaného seznamu. Možno použít jak od pozice kurzora, tak aplikovat na označený text.
−
<p>Označte text, z kterého chcete vytvořit odkaz a stiskněte toto tlačítko. Zadejte www adresu (včetně počátečného <a href="http://">http://</a>) nebo jméno záložky, na kterou má odkaz směrovat, případně další parametry, a potvrďte stisknutím tlačítka INSERT vlevém dolním rohu dialogového okna.
+
|-
−
</p>
+
| [[File:Wsw14.png|Styl seznamu]]
−
</td></tr>
+
| '''Styl seznamu'''<br/><br/>
−
<tr>
+
| Nastaví styl označeného seznamu - typ odrážek nebo číslování podle typu použitého seznamu. Použije se na seznam odrážek.
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/10000000000000180000001738AA3AAB.png">http://www.wmp.cz/images/stories/tinymce_manual/10000000000000180000001738AA3AAB.png</a>
+
|-
−
</td>
+
| [[File:Wsw15.png|Zmenšit / zvětšit odsazení]]
−
<td> <b>Odstranit odkaz</b>
+
| '''Zmenšit / zvětšit odsazení'''<br/>
−
</td>
+
| Zmenší (posune doleva) nebo zvětší (posune doprava) odsazení označeného textu.<br/>
−
<td> Odstraní hypertextový odkaz z označeného textu (není třeba označovat celý text, ze kterého vede odkaz, stačí kliknout kamkoliv v textu s odkazem).
+
|-
−
</td></tr>
+
| [[File:Wsw16.png|Vložit datum]]
−
<tr>
+
| '''Vložit datum'''<br/>
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000014676BBAE2.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000014676BBAE2.png</a>
+
| Vloží aktuální datum ve formátu RRRR-MM-DD, např. 2011-01-28.<br/>
−
</td>
+
|-
−
<td> <b>Vložit/upravit záložku</b>
+
| [[File:Wsw17.png|Vložit čas]]
−
</td>
+
| '''Vložit čas'''<br/>
−
<td> Na pozici kurzoru se vloží „záložka" se zvoleným jménem, na kterou je možné odkazovat hypertextovým odkazem.
+
| Vloží aktuální čas ve formátu HH:MM:SS, např. 19:14:11.<br/>
−
</td></tr>
+
|-
−
<tr>
+
| [[File:Wsw18.png|Zapnout / vypnout zobrazení na celou obrazovku]]
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000016CB4D042E.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000016CB4D042E.png</a>
+
| '''Zapnout / vypnout zobrazení na celou obrazovku'''<br/>
−
</td>
+
| Přepíná mezi zobrazením textového pole v původní velikosti a celou obrazovkou.<br/>
−
<td> <b>Vložit/upravit obrázek</b>
+
|-
−
</td>
+
| [[File:Wsw19.png|Vložit symbol]]
−
<td> Do pole „Image URL" zadejte cestu k obrázku. Cesta k obrázku uloženém na jiném servru musí začínat <a href="http://">http://</a>. Pokud možno, použijte na vložení obrázku tlačítko „Browse" <a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000011226DCED4.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000011226DCED4.png</a>, které otevře okno s průzkumníkem uploadnutých souborů.<br />Pro zvýšení přistupnosti stránky se doporučuje zadat popis obrázku do pole „Image description" a lepší je zadat jej i do pole Title (rúzné typy prohlížečů jej zpřístupňují odlišně). Popis obrázku se zobrazí, pokude bude obrázek z nějakého důvodu nedostupný.<br />Obrázek smažete tím, že na něj kliknete a stlačíte klávesu DELETE.
+
| '''Vložit symbol'''<br/>
−
</td></tr>
+
| Umožňuje vložit speciální symboly, jako např. písmená řecké abecedy, ©, nebo symboly pro euro, libru a mnoho jiných.<br/>
−
<tr>
+
|-
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001600000018DB1C030B.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001600000018DB1C030B.png</a>
+
| [[File:Wsw20.png|Vložit vodorovný oddělovač]]
−
</td>
+
| '''Vložit vodorovný oddělovač'''
−
<td> <b>Vložit/upravit média</b>
+
| Vloží na pozici kurzoru horizontální dělící čáru.<br/>
−
</td>
+
|-
−
<td>
+
| [[File:Wsw21.png|Vystřihnout, kopírovat a přilepit]]
−
<p>Na pozici kurzoru se vloží mediální soubor (flash, video apod.). Doporučujueme kontaktovat WMP s žádostí o vložení.
+
| '''Vystřihnout, kopírovat a přilepit'''<br/>
−
</p><p>Návod, jak vložit video z YouTube najdete <a href="http://www.wmp.cz/manual-k-editoru-tinymce/#youtube">zde</a> .
+
| Označený text se vystřihne (CTRL+X) resp. zkopíruje (CTRL+C). „Přilepit" (CTRL+V) vloží vystřihnutý nebo zkopírovaný text na pozici kurzoru.<br/>'''Nefunguje v prohlížeči Mozilla Firefox''' - je třeba použít klávesové zkratky.
−
</p>
+
|-
−
</td></tr>
+
| [[File:Wsw22.png|Přilepit čistý text nebo text z wordu]]
−
<tr>
+
| '''Přilepit čistý text nebo text z wordu'''<br/>
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001900000016F72CD3B9.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001900000016F72CD3B9.png</a>
+
|
−
</td>
+
Zobrazí dialog pro vložení zkopríovaného textu na pozici kurzoru jako čistý text, resp. formátovaný text z Wordu nebo internetového prohlížeče.<br/>Zkopírovaný text vložíte do dialogového okna pomocí klávesové zkratky CTRL+V, pak potvrďte vložení kliknutím na INSERT. Při vkládání čistého textu je možné hromadně odstranit konce řádků (text se sleje do jednoho odstavce) - vhodné při kopírování textů z PDF souborů.
−
<td> <b>Upravit HTML kód</b>
+
 
−
</td>
+
|-
−
<td> Umožňuje přímou editaci HTML kódu.
+
| [[File:Wsw23.png|Odstranit formátování]]
−
</td></tr>
+
| '''Odstranit formátování'''<br/>
−
<tr>
+
| Odstraní formátování označeného textu.<br/>
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000002C00000015A7A4F9FF.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000002C00000015A7A4F9FF.png</a>
+
|-
−
</td>
+
| [[File:Wsw24.png|Nedělitelná mezera]]
−
<td> <b>Vyhledávání/ nahrazení textu</b>
+
| '''Nedělitelná mezera'''<br/>
−
</td>
+
| Vloží na pozici kurzoru nedělitelnou mezeru - v tomto místě se text nebude zalamovat na nový řádek.<br/>
−
<td> Umožňuje vyhledávat části textu a případně je nahradit jiným textem.<br />Klávesová zkratka CTRL+F.<br />
+
|-
−
</td></tr>
+
| [[File:Wsw25.png|Citace]]
−
<tr>
+
| '''Citace'''<br/>
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000003400000018CA683D80.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000003400000018CA683D80.png</a>
+
| Označený text se naformátuje jako citace.<br/>
−
</td>
+
|-
−
<td> <b>Krok zpět / dopředu</b><br />
+
| [[File:Wsw26.png|Nástroje pro vytváření tabulek]]
−
</td>
+
| '''Nástroje pro vytváření tabulek'''<br/>
−
<td> Umožňuje vrátit poslední krok zpět (Undo), nebo ho znovu vykonat (Redo).<br />Pokud například vložíte obrázek, a zjistíte, že ho tam nechcete, použijete Undo a poslední vykonaný krok se stornuje (vložení obrázku). Když si pak v zápětí uvědomíte, že tam ten obrázek vlastně chcete, použije krok dopředu (Redo) a naposled odvolaný krok se zase vykoná.
+
| Vložit tabulku, upravit řádek, upravit buňku, vložit řádek na začátek tabulky, vložit řádek na konec tabulky, odstranit řádek, vložit sloupec na začátek, vložit sloupec na konec, odstranit sloupec, rozdělit spojené buňky, spojit buňky.<br/>
−
</td></tr>
+
|-
−
<tr>
+
| [[File:Wsw27.png|Emotikony]]
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/10000000000000300000001AD4F48968.png">http://www.wmp.cz/images/stories/tinymce_manual/10000000000000300000001AD4F48968.png</a>
+
| '''Emotikony'''
−
</td>
+
| Zobrazí okno pro vložení grafické emotikony (tzv. smajlíka). Kliknutím na zvolenou emotikonu se tato vloží na pozici kurzoru.<br/>
−
<td> <b>Seznam</b><br />
+
|-
−
</td>
+
| [[File:Wsw28.png|Vložit/upravit vodorovný oddělovač]]
−
<td> Umožňuje vytvoření odrážek nebo číslovaného seznamu. Možno použít jak od pozice kurzora, tak aplikovat na označený text.
+
| '''Vložit/upravit vodorovný oddělovač'''
−
</td></tr>
+
| Umožňuje vložit nebo upravit existujíci vodorovnýoddělovač. V zobrazeném dialogovém okně je možné nastavit jeho šířku a tloušťku.
−
<tr>
+
|-
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001600000017EB344216.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001600000017EB344216.png</a>
+
| [[File:Wsw29.png|Náhled]]
−
</td>
+
| '''Náhled'''<br/>
−
<td> <b>Styl seznamu</b><br /><br />
+
| Zobrazí náhled současné podoby textu pro kontrolu před uložením.
−
</td>
+
|-
−
<td> Nastaví styl označeného seznamu - typ odrážek nebo číslování podle typu použitého seznamu. Použije se na seznam odrážek.
+
| [[File:Wsw30.png|Rozbalovací text]]
−
</td></tr>
+
| '''Rozbalovací text'''<br/>
−
<tr>
+
|
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000003300000017AA8735A9.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000003300000017AA8735A9.png</a>
+
Vloží blok textu, který je možné skrýt nebo zobrazit kliknutím na odkaz.<br/>Do zobrazeného dialogového okna zadejte název - text odkazu, a unikátní ID, podle kterého bude možné tento blok textu identifikovat. Zvolte, zda má být text implicitně zbalený nebo rozbalený.<br/>Po potvrzení dialogu se v editoru zobrazí odkaz, který bude sloužit jake přepínač pro zobrazení nebo skrytí textu, a blok textu, který je možné editovat. Všechno, co bude zadené v tomto bloku se bude skrývat nebo zobrazovat po kliknutí na přepínač.
−
</td>
+
 
−
<td> <b>Zmenšit / zvětšit odsazení</b><br />
+
|-
−
</td>
+
| [[File:Wsw31.png|Tisk]]
−
<td> Zmenší (posune doleva) nebo zvětší (posune doprava) odsazení označeného textu.<br />
+
| '''Tisk'''
−
</td></tr>
+
| Vytiskne obsah editoru.<br/>
−
<tr>
+
|-
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001A0000001708D238F3.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001A0000001708D238F3.png</a>
+
| [[File:Wsw32.png|Uložit]]
−
</td>
+
| '''Uložit'''<br/>
−
<td> <b>Vložit datum</b><br />
+
| Uloží změny provedené v textu<br/>
−
</td>
+
|-
−
<td> Vloží aktuální datum ve formátu RRRR-MM-DD, např. 2011-01-28.<br />
+
| [[File:Wsw33.png|Vložit konec stránky]]
−
</td></tr>
+
| '''Vložit konec stránky'''
−
<tr>
+
|
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/10000000000000170000001851EF8B0C.png">http://www.wmp.cz/images/stories/tinymce_manual/10000000000000170000001851EF8B0C.png</a>
+
Vloží na pozici kurzoru konec stránky.<br/>Některé CMS (např. Joomla) podporují rozdělení obsahu na více stránek pomocí tohoto tlačítka.
−
</td>
+
 
−
<td> <b>Vložit čas</b><br />
+
|-
−
</td>
+
| [[File:Wsw34.png|Nápověda]]
−
<td> Vloží aktuální čas ve formátu HH:MM:SS, např. 19:14:11.<br />
+
| '''Nápověda'''
−
</td></tr>
+
| Zobrazí informace o editoru, nápovědu k editoru a seznam aktivních pluginů.<br/>
−
<tr>
+
|}
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/10000000000000170000001684B8C0A1.png">http://www.wmp.cz/images/stories/tinymce_manual/10000000000000170000001684B8C0A1.png</a>
+
 
−
</td>
+
== Práce s tabulkami<br/> ==
−
<td> <b>Zapnout / vypnout zobrazení na celou obrazovku</b><br />
+
 
−
</td>
+
=== Vložení tabulky<br/> ===
−
<td> Přepíná mezi zobrazením textového pole v původní velikosti a celou obrazovkou.<br />
+
 
−
</td></tr>
+
Tabulku vložíme kliknutím na tlačítko „Vložit tabulku". Otevřené dialogové okno umožňuje zadat počet řádku (rows) a sloupců (cols) tabulky.
−
<tr>
+
 
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/1000000000000019000000156F4FCFD4.png">http://www.wmp.cz/images/stories/tinymce_manual/1000000000000019000000156F4FCFD4.png</a>
+
 
−
</td>
+
 
−
<td> <b>Vložit symbol</b><br />
+
=== Úpravy tabulky<br/> ===
−
</td>
+
 
−
<td> Umožňuje vložit speciální symboly, jako např. písmená řecké abecedy, ©, nebo symboly pro euro, libru a mnoho jiných.<br />
+
Aby bylo možné použít nástroje na úpravu tabulky, musí byt tabulka označena, nebo se v ní musí nacházet kurzor.
−
</td></tr>
+
 
−
<tr>
+
=== Vložení textu nebo volného řádku před tabulku umístěnou na začátku<br/> ===
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000013A44D51B0.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000001400000013A44D51B0.png</a>
+
 
−
</td>
+
V případě, že se na začátku editoru nachází tabulka a není před ní žádný řádek textu, nejde před tabulku umístnit kurzor kliknutím myši. Je třeba kliknout do první buňky tabulky a pak se pomocí levé šipky na klávesnici dostat před tabulku.<br/>Jiná možnost je vložit text před tabulku přímo v editoru HTML kódu, to však jen v případě, že máte alespoň základní znalosti HTML.
−
<td> <b>Vložit vodorovný oddělovač</b>
+
 
−
</td>
+
 
−
<td> Vloží na pozici kurzoru horizontální dělící čáru.<br />
+
 
−
</td></tr>
+
 
−
<tr>
+
 
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000004400000015EF743E89.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000004400000015EF743E89.png</a>
+
== Editace textu<br/> ==
−
</td>
+
 
−
<td> <b>Vystřihnout, kopírovat a přilepit</b><br />
+
=== Zalomení řádku<br/> ===
−
</td>
+
 
−
<td> Označený text se vystřihne (CTRL+X) resp. zkopíruje (CTRL+C). „Přilepit" (CTRL+V) vloží vystřihnutý nebo zkopírovaný text na pozici kurzoru.<br /><b>Nefunguje v prohlížeči Mozilla Firefox</b> - je třeba použít klávesové zkratky.
+
Editor se chová tak, že po stlačení klávesy ENTER se vytvoří nový odstavec. To je v některých případech nežádoucí. Stlačením klávesové kombinace SHIFT+ENTER se řádek zalomí bez přerušení současného odstavce.
−
</td></tr>
+
 
−
<tr>
+
 
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/100000000000002E0000001465934E70.png">http://www.wmp.cz/images/stories/tinymce_manual/100000000000002E0000001465934E70.png</a>
+
 
−
</td>
+
 
−
<td> <b>Přilepit čistý text nebo text z wordu</b><br />
+
 
−
</td>
+
== Seznamy<br/> ==
−
<td>
+
 
−
<p>Zobrazí dialog pro vložení zkopríovaného textu na pozici kurzoru jako čistý text, resp. formátovaný text z Wordu nebo internetového prohlížeče.<br />Zkopírovaný text vložíte do dialogového okna pomocí klávesové zkratky CTRL+V, pak potvrďte vložení kliknutím na INSERT. Při vkládání čistého textu je možné hromadně odstranit konce řádků (text se sleje do jednoho odstavce) - vhodné při kopírování textů z PDF souborů.
+
Seznam začnete psát stlačením tlačítka pro normálni nebo číslovaný seznam [[File:Wsw13.png|Seznam]] , nebo jej můžete aplikovat na už napsaný text.<br/>Pomocí tlačítka „Styl seznamu" můžete nastavit vzhled odrážek. U nečíslovaného seznamu je to kruh, kružnice, čtverec nebo žádná odrážka.&nbsp; U číslovaného seznamu jsou na výběr čísla, malé nebo velké písmena normální nebo římské abecedy a žádna odrážka. Je možné nastavit též číslo, kterým bude číslování začínat.
−
</p>
+
 
−
</td></tr>
+
 
−
<tr>
+
 
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/10000000000000140000001450AD3768.png">http://www.wmp.cz/images/stories/tinymce_manual/10000000000000140000001450AD3768.png</a>
+
 
−
</td>
+
 
−
<td> <b>Odstranit formátování</b><br />
+
== Vkládání médií<br/> ==
−
</td>
+
 
−
<td> Odstraní formátování označeného textu.<br />
+
=== Vložení videa z Youtube<br/> ===
−
</td></tr>
+
 
−
<tr>
+
Pro vložení videa z YouTube bez příme editace HTML kódu je možné použít tlačítko '''Vložit/upravit média''' [[File:Wsw9.png|Vložit/upravit média]]. V zobrazeném dialogovém okně vyberte typ média Flash.
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/10000000000000160000001434C67A3F.png">http://www.wmp.cz/images/stories/tinymce_manual/10000000000000160000001434C67A3F.png</a>
+
 
−
</td>
+
URL adresu souboru zjistíte následovně:<br/>Na YouTube najdete video, které chcete vložit. Adresa videa bude ve tvaru [http://www.youtube.com/watch?v= http://www.youtube.com/watch?v=]'''XXXX''', kde '''XXXX''' je kód videa, např. v připadě videa na adrese [http://www.youtube.com/watch?v= http://www.youtube.com/watch?v=]'''UqkPJJT2m14'''&feature=related je kód videa '''UqkPJJT2m14'''.<br/>Tento kód zkopírujte a do dialogového okna pro vložení médií zadejte jako adresu souboru '''[http://www.youtube.com/v/k%C3%B3d_videa http://www.youtube.com/v/kód_videa]''', v tomto případě '''[http://www.youtube.com/v/UqkPJJT2m14 http://www.youtube.com/v/UqkPJJT2m14]'''. Nastavte rozměry videa a potvrďte vložení.
−
<td> <b>Nedělitelná mezera</b><br />
+
 
−
</td>
+
 
−
<td> Vloží na pozici kurzoru nedělitelnou mezeru - v tomto místě se text nebude zalamovat na nový řádek.<br />
+
 
−
</td></tr>
+
== Změna rozměru obrázku<br/> ==
−
<tr>
+
 
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/1000000000000014000000134D3986E2.png">http://www.wmp.cz/images/stories/tinymce_manual/1000000000000014000000134D3986E2.png</a>
+
Při vložení obrázku, můžete změnit jeho rozměr přímo ve wysiwyg editoru. Po kliknutí na obrázek se kolem něj objeví rámeček s body, vždy na každém rohu a ve prostřed.
−
</td>
+
 
−
<td> <b>Citace</b><br />
+
Při najetí myší na jeden z těchto bodů, můžete změnit velikost obrázku. Pokud budete chtít změnit rozměr proporcionálně, musíte táhnou za jeden z bodu, který je vždy na jednom z rohů obrázku.
−
</td>
+
 
−
<td> Označený text se naformátuje jako citace.<br />
+
Pokud budete táhnout za bod, který je uprostřed obrázku na jedné ze stran, budete měnit pouze jednu velikost (šířku nebo výšku).
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/tables.png">http://www.wmp.cz/images/stories/tinymce_manual/tables.png</a>
+
−
</td>
+
−
<td> <b>Nástroje pro vytváření tabulek</b><br />
+
−
</td>
+
−
<td> Vložit tabulku, upravit řádek, upravit buňku, vložit řádek na začátek tabulky, vložit řádek na konec tabulky, odstranit řádek, vložit sloupec na začátek, vložit sloupec na konec, odstranit sloupec, rozdělit spojené buňky, spojit buňky.<br />
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/emoticons.png">http://www.wmp.cz/images/stories/tinymce_manual/emoticons.png</a>
+
−
</td>
+
−
<td> <b>Emotikony</b>
+
−
</td>
+
−
<td> Zobrazí okno pro vložení grafické emotikony (tzv. smajlíka). Kliknutím na zvolenou emotikonu se tato vloží na pozici kurzoru.<br />
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/advhr.png">http://www.wmp.cz/images/stories/tinymce_manual/advhr.png</a>
+
−
</td>
+
−
<td> <b>Vložit/upravit vodorovný oddělovač</b>
+
−
</td>
+
−
<td> Umožňuje vložit nebo upravit existujíci vodorovnýoddělovač. V zobrazeném dialogovém okně je možné nastavit jeho šířku a tloušťku.
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/preview.png">http://www.wmp.cz/images/stories/tinymce_manual/preview.png</a>
+
−
</td>
+
−
<td> <b>Náhled</b><br />
+
−
</td>
+
−
<td> Zobrazí náhled současné podoby textu pro kontrolu před uložením.
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/plusminus.png">http://www.wmp.cz/images/stories/tinymce_manual/plusminus.png</a>
+
−
</td>
+
−
<td> <b>Rozbalovací text</b><br />
+
−
</td>
+
−
<td>
+
−
<p>Vloží blok textu, který je možné skrýt nebo zobrazit kliknutím na odkaz.<br />Do zobrazeného dialogového okna zadejte název - text odkazu, a unikátní ID, podle kterého bude možné tento blok textu identifikovat. Zvolte, zda má být text implicitně zbalený nebo rozbalený.<br />Po potvrzení dialogu se v editoru zobrazí odkaz, který bude sloužit jake přepínač pro zobrazení nebo skrytí textu, a blok textu, který je možné editovat. Všechno, co bude zadené v tomto bloku se bude skrývat nebo zobrazovat po kliknutí na přepínač.
+
−
</p>
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/tisk.png">http://www.wmp.cz/images/stories/tinymce_manual/tisk.png</a>
+
−
</td>
+
−
<td> <b>Tisk</b>
+
−
</td>
+
−
<td> Vytiskne obsah editoru.<br />
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/save.png">http://www.wmp.cz/images/stories/tinymce_manual/save.png</a>
+
−
</td>
+
−
<td> <b>Uložit</b><br />
+
−
</td>
+
−
<td> Uloží změny provedené v textu<br />
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/pagebreak.png">http://www.wmp.cz/images/stories/tinymce_manual/pagebreak.png</a>
+
−
</td>
+
−
<td> <b>Vložit konec stránky</b>
+
−
</td>
+
−
<td>
+
−
<p>Vloží na pozici kurzoru konec stránky.<br />Některé CMS (např. Joomla) podporují rozdělení obsahu na více stránek pomocí tohoto tlačítka.
+
−
</p>
+
−
</td></tr>
+
−
<tr>
+
−
<td> &#160;<a href="http://www.wmp.cz/images/stories/tinymce_manual/help.png">http://www.wmp.cz/images/stories/tinymce_manual/help.png</a>
+
−
</td>
+
−
<td> <b>Nápověda</b>
+
−
</td>
+
−
<td> Zobrazí informace o editoru, nápovědu k editoru a seznam aktivních pluginů.<br />
+
−
</td></tr></table>
+

Aktuální verze z 1. 5. 2012, 13:48

Styl písma
 Styl písma
 Může se aplikovat na označený text.
B - tučné písmo, zkratka CTRL+B
I - kurzíva, zkratka CTRL+I
U - podtržené písmo, zkratka CTRL+I
ABC - přeškrtnuté písmo
Dolní a horní index Dolní a horní index Z označeného textu udělá dolní, resp. horní index
Zarovnání textu Zarovnání textu Zarovná odstavec (nebo označený text) vlevo, na střed, vpravo nebo do bloku.
Formát textu Formát textu Nastaví formát textu na odstavec (paragraph, bežný text), adresu (address), předformátovaný (preformated) nebo nadpis (heading). Nadpis má několik úrovní, které umožňují text logicky členit.
Vložit/upravit hypertextový odkaz Vložit/upravit hypertextový odkaz

Označte text, z kterého chcete vytvořit odkaz a stiskněte toto tlačítko. Zadejte www adresu (včetně počátečného http:// ) nebo jméno záložky, na kterou má odkaz směrovat, případně další parametry, a potvrďte stisknutím tlačítka INSERT vlevém dolním rohu dialogového okna.

Odstranit odkaz
 Odstranit odkaz Odstraní hypertextový odkaz z označeného textu (není třeba označovat celý text, ze kterého vede odkaz, stačí kliknout kamkoliv v textu s odkazem).
Vložit/upravit záložku Vložit/upravit záložku Na pozici kurzoru se vloží „záložka" se zvoleným jménem, na kterou je možné odkazovat hypertextovým odkazem.
Vložit/upravit obrázek Vložit/upravit obrázek Do pole „Image URL" zadejte cestu k obrázku. Cesta k obrázku uloženém na jiném servru musí začínat http:// . Pokud možno, použijte na vložení obrázku tlačítko „Browse" , které otevře okno s průzkumníkem uploadnutých souborů.
Pro zvýšení přistupnosti stránky se doporučuje zadat popis obrázku do pole „Image description" a lepší je zadat jej i do pole Title (různé typy prohlížečů jej zpřístupňují odlišně). Popis obrázku se zobrazí, pokude bude obrázek z nějakého důvodu nedostupný.
Obrázek smažete tím, že na něj kliknete a stlačíte klávesu DELETE. Pokud je obrázek již vložen, lze změnit jeho rozměr, tím, že pomocí myši chyitíme jeden z okrajů a při držení tlačítka a tažením myši budeme měnit rozměr konkrétního obrázku.
Vložit/upravit média
 Vložit/upravit média

Na pozici kurzoru se vloží mediální soubor (flash, video apod.). Doporučujueme kontaktovat WMP s žádostí o vložení.

Upravit HTML kód Upravit HTML kód Umožňuje přímou editaci HTML kódu.
Vyhledávání/ nahrazení textu Vyhledávání/ nahrazení textu Umožňuje vyhledávat části textu a případně je nahradit jiným textem.
Klávesová zkratka CTRL+F.
Krok zpět / dopředu Krok zpět / dopředu
 Umožňuje vrátit poslední krok zpět (Undo), nebo ho znovu vykonat (Redo).
Pokud například vložíte obrázek, a zjistíte, že ho tam nechcete, použijete Undo a poslední vykonaný krok se stornuje (vložení obrázku). Když si pak v zápětí uvědomíte, že tam ten obrázek vlastně chcete, použije krok dopředu (Redo) a naposled odvolaný krok se zase vykoná.
Seznam
 Seznam
 Umožňuje vytvoření odrážek nebo číslovaného seznamu. Možno použít jak od pozice kurzora, tak aplikovat na označený text.
Styl seznamu Styl seznamu

 Nastaví styl označeného seznamu - typ odrážek nebo číslování podle typu použitého seznamu. Použije se na seznam odrážek.
Zmenšit / zvětšit odsazení Zmenšit / zvětšit odsazení
 Zmenší (posune doleva) nebo zvětší (posune doprava) odsazení označeného textu.
Vložit datum Vložit datum
 Vloží aktuální datum ve formátu RRRR-MM-DD, např. 2011-01-28.
Vložit čas Vložit čas
 Vloží aktuální čas ve formátu HH:MM:SS, např. 19:14:11.
Zapnout / vypnout zobrazení na celou obrazovku Zapnout / vypnout zobrazení na celou obrazovku
 Přepíná mezi zobrazením textového pole v původní velikosti a celou obrazovkou.
Vložit symbol Vložit symbol
 Umožňuje vložit speciální symboly, jako např. písmená řecké abecedy, ©, nebo symboly pro euro, libru a mnoho jiných.
Vložit vodorovný oddělovač Vložit vodorovný oddělovač Vloží na pozici kurzoru horizontální dělící čáru.
Vystřihnout, kopírovat a přilepit Vystřihnout, kopírovat a přilepit
 Označený text se vystřihne (CTRL+X) resp. zkopíruje (CTRL+C). „Přilepit" (CTRL+V) vloží vystřihnutý nebo zkopírovaný text na pozici kurzoru.
Nefunguje v prohlížeči Mozilla Firefox - je třeba použít klávesové zkratky.
Přilepit čistý text nebo text z wordu Přilepit čistý text nebo text z wordu

Zobrazí dialog pro vložení zkopríovaného textu na pozici kurzoru jako čistý text, resp. formátovaný text z Wordu nebo internetového prohlížeče.
Zkopírovaný text vložíte do dialogového okna pomocí klávesové zkratky CTRL+V, pak potvrďte vložení kliknutím na INSERT. Při vkládání čistého textu je možné hromadně odstranit konce řádků (text se sleje do jednoho odstavce) - vhodné při kopírování textů z PDF souborů.

Odstranit formátování Odstranit formátování
 Odstraní formátování označeného textu.
Nedělitelná mezera Nedělitelná mezera
 Vloží na pozici kurzoru nedělitelnou mezeru - v tomto místě se text nebude zalamovat na nový řádek.
Citace Citace
 Označený text se naformátuje jako citace.
Nástroje pro vytváření tabulek Nástroje pro vytváření tabulek
 Vložit tabulku, upravit řádek, upravit buňku, vložit řádek na začátek tabulky, vložit řádek na konec tabulky, odstranit řádek, vložit sloupec na začátek, vložit sloupec na konec, odstranit sloupec, rozdělit spojené buňky, spojit buňky.
Emotikony Emotikony Zobrazí okno pro vložení grafické emotikony (tzv. smajlíka). Kliknutím na zvolenou emotikonu se tato vloží na pozici kurzoru.
Vložit/upravit vodorovný oddělovač Vložit/upravit vodorovný oddělovač Umožňuje vložit nebo upravit existujíci vodorovnýoddělovač. V zobrazeném dialogovém okně je možné nastavit jeho šířku a tloušťku.
Náhled Náhled
 Zobrazí náhled současné podoby textu pro kontrolu před uložením.
Rozbalovací text Rozbalovací text

Vloží blok textu, který je možné skrýt nebo zobrazit kliknutím na odkaz.
Do zobrazeného dialogového okna zadejte název - text odkazu, a unikátní ID, podle kterého bude možné tento blok textu identifikovat. Zvolte, zda má být text implicitně zbalený nebo rozbalený.
Po potvrzení dialogu se v editoru zobrazí odkaz, který bude sloužit jake přepínač pro zobrazení nebo skrytí textu, a blok textu, který je možné editovat. Všechno, co bude zadené v tomto bloku se bude skrývat nebo zobrazovat po kliknutí na přepínač.

Tisk Tisk Vytiskne obsah editoru.
Uložit Uložit
 Uloží změny provedené v textu
Vložit konec stránky Vložit konec stránky

Vloží na pozici kurzoru konec stránky.
Některé CMS (např. Joomla) podporují rozdělení obsahu na více stránek pomocí tohoto tlačítka.

Nápověda Nápověda Zobrazí informace o editoru, nápovědu k editoru a seznam aktivních pluginů.

Obsah

Práce s tabulkami

Vložení tabulky

Tabulku vložíme kliknutím na tlačítko „Vložit tabulku". Otevřené dialogové okno umožňuje zadat počet řádku (rows) a sloupců (cols) tabulky.


Úpravy tabulky

Aby bylo možné použít nástroje na úpravu tabulky, musí byt tabulka označena, nebo se v ní musí nacházet kurzor.

Vložení textu nebo volného řádku před tabulku umístěnou na začátku

V případě, že se na začátku editoru nachází tabulka a není před ní žádný řádek textu, nejde před tabulku umístnit kurzor kliknutím myši. Je třeba kliknout do první buňky tabulky a pak se pomocí levé šipky na klávesnici dostat před tabulku.
Jiná možnost je vložit text před tabulku přímo v editoru HTML kódu, to však jen v případě, že máte alespoň základní znalosti HTML.



Editace textu

Zalomení řádku

Editor se chová tak, že po stlačení klávesy ENTER se vytvoří nový odstavec. To je v některých případech nežádoucí. Stlačením klávesové kombinace SHIFT+ENTER se řádek zalomí bez přerušení současného odstavce.



Seznamy

Seznam začnete psát stlačením tlačítka pro normálni nebo číslovaný seznam Seznam , nebo jej můžete aplikovat na už napsaný text.
Pomocí tlačítka „Styl seznamu" můžete nastavit vzhled odrážek. U nečíslovaného seznamu je to kruh, kružnice, čtverec nebo žádná odrážka.  U číslovaného seznamu jsou na výběr čísla, malé nebo velké písmena normální nebo římské abecedy a žádna odrážka. Je možné nastavit též číslo, kterým bude číslování začínat.



Vkládání médií

Vložení videa z Youtube

Pro vložení videa z YouTube bez příme editace HTML kódu je možné použít tlačítko Vložit/upravit média Vložit/upravit média. V zobrazeném dialogovém okně vyberte typ média Flash.

URL adresu souboru zjistíte následovně:
Na YouTube najdete video, které chcete vložit. Adresa videa bude ve tvaru http://www.youtube.com/watch?v=XXXX, kde XXXX je kód videa, např. v připadě videa na adrese http://www.youtube.com/watch?v=UqkPJJT2m14&feature=related je kód videa UqkPJJT2m14.
Tento kód zkopírujte a do dialogového okna pro vložení médií zadejte jako adresu souboru http://www.youtube.com/v/kód_videa, v tomto případě http://www.youtube.com/v/UqkPJJT2m14. Nastavte rozměry videa a potvrďte vložení.


Změna rozměru obrázku

Při vložení obrázku, můžete změnit jeho rozměr přímo ve wysiwyg editoru. Po kliknutí na obrázek se kolem něj objeví rámeček s body, vždy na každém rohu a ve prostřed.

Při najetí myší na jeden z těchto bodů, můžete změnit velikost obrázku. Pokud budete chtít změnit rozměr proporcionálně, musíte táhnou za jeden z bodu, který je vždy na jednom z rohů obrázku.

Pokud budete táhnout za bod, který je uprostřed obrázku na jedné ze stran, budete měnit pouze jednu velikost (šířku nebo výšku).

Citováno z „https://manual.newlogic.cz/index.php?title=Wysiwyg_editor&oldid=260“