BP Radovan Smieško: Porovnání WYSIWYG HTML editorů

Updated 06.02.2008 21:42

Oficiální zadání BP

Cílem je podrobně prozkoumat možnosti editorů a doporučit nejlepší pro nasazení na ZČU. Sledovane vlastnosti: kvalita vystupu, import MS Office dokumentu, vytvareni pluginu (spolupracujicih se serverem), dokumentace, uzivatelske rozhrani, atd.. Ukazat vyuziti nejlepsiho editoru v jednoduche webove aplikaci. Další vhodné aktivity: vymyslet jak udelat paste s omezenim fmt = aby se napastovalo tucne, kurziva, barvy, nadpis nepastovat fonty.

Plán

PRJ5

BP


Zdroje

Editory1

1 Vybrány z TTW WYSIWYG Web Editors – The List

Přehled potřeb a požadavků – případy užití

U všech úloh kontrolovat

  1. výsledné HTML – čitelnost, validita
  2. snadnost práce pro obyčejného uživatele

1. Standardní text s hyperlinky

Editace std jednoduchého ale delšího textu s nadpisy, odstavci, odrážkovými seznamy, zvýrazněným (tučné, skloněné) písmem. Čeština (co vkládá – znaky, HTML entity).

Přidání, úprava a odstranění hyperlinku – přidání na označený text, bez označení textu.

2. Tabulky

Stránka s textem, vložit do ní tabulku (možnosti definice rozměrů tabulky a vlastností). Úpravy tabulky – přidání/odebrání řádku, sloupce, úprava vlastností buňky, řádku, sloupce. Jak definovat záhlaví (TH element).

3. Copy&paste z Office (Word)

Vzít standardní text z Wordu – nadpisy, odstavce, seznamy, tabulka, zvýraznění, barvy, případně i různé fonty a vložený obrázek.

  1. Vložit do editoru přes normální Copy&Paste.
  2. Pokud editor podporuje, vložit přes “Copy from Word” či podobné, a/nebo po vložení aplikovat “clean up Word HTML” či podobné.

4. Vkládání obrázků

Vložit do textu obrázek – co umožňuje nastavit, zda i přes CSS vlastnosti, zda umožní upload obrázku na server. Editace obrázku – velikost, alt text.

5. Předdefinované styly

  1. Jak se nakonfiguruje seznam formátovacích stylů (HTML elementy) – H1, H2, …
  2. Jestli jde nastavit do menu seznam CSS stylů, které označenému textu přidají .class nebo #id a naformátují podle příslušných CSS vlastností.

Zdrojové požadavky/stížnosti

Náhrada FCKEditoru? Co bychom potřebovali:

Existuje nějaká možnost jak vnitřek článku editovat opravdu jako HTML
bez vnějšího zásahu editoru? (respektive, ať mi to ukazuje češtinu v
češtině a do/z entit ať si překódovává transparentně na pozadí)

Dále

Copyright 2004-2011 ZČU v Plzni, Přemek Brada. Publikováno v textpatternu.