5. Editor XHTML, doporučené pracovní postupy

Editor XHTML - BUEditor

Jako editor redakčního systému byl zatím zvolen "BUEditor". Předchozí WYSIWYG editor FCKeditor byl vyřazen, protože jím generovaný XHTML kód odporoval standardům XHTML (Více o XHTML) a práce s ním byla obtížná. BUEditor je textový editor, lze do něj vkládat text a formátovat ho pomocí tlačítek umístěných nad textovým polem, nebo do něj lze uložit přímo XHTML kód. Tento druhý přístup se patrně uplatní při přenosu již existujících webových stránek např. ze starého webu FZÚ na nový. K dispozici je stručné demo k základním operacím v tomto editoru.

Od autora textu je vyžadována alespoň základní znalost jazyka XHTML, což je určitá nevýhoda, která znesnadňuje laikům ukládání komplikovanějších textů. V budoucnu se proto počítá s pokusem o implementaci WYSIWYM (What You See Is What You Mean) editoru wymeditor. Zatím v této chvíli je tento editor nekompatibilní s importem obrázků použitým v redakčním systému.

Text do textového pole lze samozřejmě efektivně vkládat pomocí schránky (clipboard) v příslušném operačním systému na PC. Lze si také předem připravit celý XHTML kód v nějakém vhodném editoru specializovaném pro editaci XHTML. Aby byl zajištěn jednotný styl celého webu je třeba při vkládání XHTML dodržovat určitá pravidla:

Nadpisy je třeba psát v h4, t.j. např. <h4>Úvod</h4>. Pokud je třeba vytvořit nadpis subkapitoly, je nutné použít h5.
Tag <font> je při výstupu odfiltrován stejně jako všechny tagy, které nejsou uvedeny v tomto seznamu:
<p>, <div>, <span>, <br>, <a>, <em>, <i>, <strong>, <b>, <sub>, <sup>, <cite>, <code>, <h4>, <h5>, <img>, <ul>, <ol>, <li>, <dl>, <dt>, <dd>, <table>, <tr>, <th>, <td>.
Obrázky, které článek obsahuje je nutné předem nahrát do části Obrázky v textu. Pomocí tlačítka Procházet se najde příslušný obrázek na lokálním počítači a pomocí Nahrávání souborů se uloží v redakčním systému. Kliknutím na tlačítko Přidat položku se potom vše opakuje pro další obrázek atd. dokud nejsou vloženy všechny obrázky, které je nutné použít do textu. Teprve potom je možné obrázky odeslat na určené místo přímo do textu. Nejprve se stiskne tlačítko Obal obrázku, které je umístěno nad textovým polem jako první zleva. Tím se vloží do textu na místo kurzoru příslušný tag a kurzor se umístí na místo do kterého přijde odkaz na obrázek, proto v textovém poli s kurzorem nepohybujte. Potom se najde obrázek, který se má na dané místo vložit v seznamu Obrázky v textu a stiskne se vedle něj umístěné tlačítko Umístit do textu. Tím se odkaz na obrázek umístí na místo kurzoru v textu. Pokud má být pod obrázkem popis, vloží se pomocí tlačítka Popis obrázku. To opět umístí kurzor na místo kam je nutné vložit popis obrázku.
Zatím doporučujeme vkládat pouze jeden obrázek na řádku. Umístění více obrázků vedle sebe pomocí tabulky je netriviální operace a zatím se s ní nepočítá.
Tabulky je možné rychle vložit pomocí tlačítka Vložit tabulku. Grafický výběr počtu řádků a sloupců tabulky je intuitivně pochopitelný. Pokud je nějaký řádek tabulky chápán jako hlavička tabulky, je možné použít tag <th> místo obvyklého <td>.

Popis funkcí editoru

Stručně popíšeme funkce jednotlivých tlačítek pro formátování textu. Tlačítka jsou umístěna nad horní hranou textového pole. Pokud je v dalším textu uvedena horká klávesa, znamená to, že pomocí ní lze spustit požadovanou akci. Klávesu je ale třeba doplnit současným stiskem dalších kláves podle toho v jakém internetovém prohlížeči pracujete. Použijte kombinaci Alt+klávesa pro Internet Explorer a Shift+Alt+klávesa pro Firefox.

Obal obrázku

Klávesa: M

Po umístění kurzoru na místo, kam chceme vložit obrázek, klinutím na toto tlačítko vložíme odpovídajíci tag pro obrázek. Kurzor se umístí na místo kam vložíme odkaz na obrázek. Obrázek je nutné vyhledat v oddíle Obrázky v textu.