Wysiwyg na Abíčku

17.10.2008 23:51 | Přečteno: 1642× | Abíčko | | poslední úprava: 20.10.2008 08:33

Často poptávanou funkcí je možnost WYSIWYG zadávání komentářů. V bugzille je to pod číslem 78 už celé roky. V létě jsem vybral konkrétní javascriptový editor - FCK Editor, ale narazil jsem na problém se simple formátem. Překvapivě naši notaci prázdného řádku jako oddělovače odstavce tento editor neznal. I proto jsem musel nejdříve napsat konvertor simple formátu na HTML. Před chvíli jsem tuto funkci dokončil a v rámci betatestování ji nasadil na Abíčko.

Používáme FCK Editor verze 2.6.3. Přizpůsobil jsem jeho menu našim povoleným HTML značkám a přidal i nové tlačítko Citace, abych zachoval současnou funkci. Tento editor by měl být podporován na široké paletě moderních prohlížečů, až na Konqueror. V něm se editor úmyslně vůbec nenahraje a zůstanete u klasického textového pole.

V Abíčku je nová komponenta RichTextEditor, která umí na základě konfigurace a vašeho nastavení zobrazit buď FCK editor, nebo textové pole s lištou javascriptových tlačítek (současný stav) nebo jen textové pole (novinka). Ve svém profilu si můžete nastavit, zda preferujete textové pole či WYSIWYG editor. Pokud máte Konqueror, použije se textové pole s lištou tlačítek. V případě lynx a links jen textové pole, lišta zbytečných javascriptových tlačítek vám nebude překážet.

V rámci testovacího provozu jsem tuto funkci zatím použil jen u wiki obsahu. Ten najdete například ve skupinách či učebnici. Pokud shledáme tuto funkčnost stabilní a bez větších problémů, postupně ji zapojíme všude, od komentářů až po blogy. Prosím o otestování a hlášení chyb.

       

Obrázky

Komentáře

[xxx]

Jen by me zajimalo kdo ma autorska prava na ikonky z MS Windows?

[progdan]

Tipoval bych to na Apple nebo Lotus Spis me prekvapuje, ze je jeste MS nezkusil patentovat...

[Ses]

Jen bezvýznamná drobnůstka. Když si čtu nápovědu těch ikon nahoře, tak jsou všechny s diakritikou, až na položku s citací...

[Josef Kufner]

Kód, který FCKeditor produkuje, je celkem hnus.

[Leoš Literák]

Neco konkretnejsiho? Priklad by nebyl? Takhle je to jen vykrik do tmy typu politici jsou zlodeji.

[Pepa]

Politici jsou zloději!

[Jan Včelák]

Když jsem naposledy zkoušel FCKeditor,tak mi z něj lezlo validní striktní XHTML.

[xkucf03]

Stejně to pak prochází, předpokládám, filtrem na Ábíčku, jako příspěvky v běžném textu, takže validita je zaručena.

[Leoš Literák]

Pokud jsi mel na mysli, ze tagy byly sloucene na jednom radku, pak to byla moje chyba - 1173. Jinak jsem ted FCk nasadil u ovladacu, pojmu, osobnosti, hardwaru a slovniku, proste vsecky wiki dokumenty.

[Heron]

Nemůžu si to aktivovat, neustále to chce heslo (které tam pochopitelně zadávám ). Že správné, jsem ověřil jinde v nastavení.

[Leoš Literák]

Chybka opravena. A v profilu muzes tuto funkci deaktivovat, aktivovana je automaticky.

[Heron]

Dík, funguje to

[Václav HFechs Švirga]

Mě to také nešlo změnit, furt to psalo nesprávné heslo, pomohlo se odhlásit a znova přihlásit...

[Václav HFechs Švirga]

Ale i když jsem dal wysiwyg ano, pořád (aspoň tady v diskuzi, jinde netestováno) mám klasickou textareu s tlačítky nahoře...

[Václav HFechs Švirga]

Ah, neumím číst, jen sem to proletěl... Jen wiki zatím, jasně ...

[Petr Zelenka]

V komentářích to zatím není nasazeno.

V rámci testovacího provozu jsem tuto funkci zatím použil jen u wiki obsahu.

[Petr Zelenka]

Aha, to je tak, když si naklikám moc tabů dopředu... :)

[Fluttershy, yay!]

A zůstane tu ten současný editor i po nasazení WYSIWYG?

[Leoš Literák]

Cetl jsi ten zapisek?

[Fluttershy, yay!]

Ano --- píše se v něm, že dnes (testovací provoz) si můžeme zvolit a poté to bude nasazeno všude, takže mi z toho nevyplývá, jak to bude v budoucnu s možností volby, ale možná si jen málo domýšlím.

[Robert Krátký]

Ve svém profilu si můžete nastavit, zda preferujete textové pole či WYSIWYG editor.

Není třeba domýšlet...

[Fluttershy, yay!]

Do budoucna ano, v textu jde o přítomnost (než bude WYSIWYG otestován).

[Leoš Literák]

Michas obsah dvou odstavcu dohromady. V jednom je popsana funkcnost a moznosti nastaveni, v druhem testovaci provoz. Z textu nijak nevyplyva to, o cem pises.

[Fluttershy, yay!]

Takže ta volba tam bude trvale a tečka, což takhle to říct rovnou?

[Luboš Doležel (Doli)]

Logicky - proč by tu volbu měl někdo odstraňovat?

[Leoš Literák]

Ale ja jsem to napsal hned napoprve do zapisku, tam to prece je.

[User682]

skvele, diky. pamatovat si mraky editacnich znacek a zpusobu odradkovani pro kazdy web, to fakt neni to prave.

gf

[filbar]

A proč není raději použit TinyMCE? Ten má o dost větši schopnosti? Jinak super práce, že se nasazuje WISIWIG editor.

[Fluttershy, yay!]

WISIWIG

What Iou See Is What Iou Get ^_^

[M. Lox]

What I See Is What I Get…

[filbar]

Dobrá interpretace, nechtělo se mi při psaní přemýšlet, kde je I a kde Y, tak jsem to dal všechno s I ;)

[Fluttershy, yay!]

Ikonky bych uvítal třeba jako ve WordPressu, tyhle jsou hnusné a navíc možná licencované Mrkwo$oftem.

[David Watzke]

Dobrý a jde to aspoň ve WebKitu? V tuhle chvíli je mi to celkem k ničemu, nejčastěji sem chodím přes Konqueror nebo Operu Mini.

[Luboš Doležel (Doli)]

Ve WebKitu je Abc rozbité o dost víc, na tomhle už moc nesejde

[Robert Krátký]

Konkrétně? Zkoušel jsem Safari, Chrome, Arora a ve všem mi to připadalo OK.

[Luboš Doležel (Doli)]

Jde mi o ten bug s posíláním komentářů, k tomu neustálé odhlašování...

[default]

Nepozoruji. Asi neklikám na ten odkaz Odhlásit

[Luboš Doležel (Doli)]

U mě se to chovalo, jako by si to tady nepamatovalo cookies.

[default]

No, abych řekl pravdu, chtěl jsem kdysi zkusit Safari pro Windows, ale po nastavení proxy serveru to po spuštění vždycky lítalo do Redmondu. Takže asi nebude Safari jako Safari. Každopádně to MacOsí funguje skvěle a Abíčko nemá problém. Teda jeden tu je: Google Ads v diskuzích ve "skupinách" se renderuje do prvního příspěvku. Ještě jsem nestačil poslat report…

[Filip Jirsák]

V Konkqueroru nebude fungovat žádný WYSIWYG editor do té doby, než Konqueror začne podporovat atribut contentEditable. Vizte chybu 48302. Jinak ve WebKitu ten editor podle mne funguje, nefunguje v KHTML…

[trekker.dk]

Trochu off-topic - stává se vám někomu, že občas v diskuzi chybí odkaz "První nepřečtený komentář", přestože jsou v ní nové příspěvky? (které v takovém případě nejsou zvýrazněné)

[Ses]

Není to třeba tím, že na ten odkaz omylem klikneš dvakrát? Mě tohle dělala stará myš, klikl jsem jednou, ale ona (ani moc nevím proč) občas cvakla dvakrát i třikrát (zavírat karty prostředním tlačítkem znamenalo zavřít tak dvě až tři karty)...

[trekker.dk]

Není to třeba tím, že na ten odkaz omylem klikneš dvakrát?

Otevírám v novém tabu, takže dvojklik by (snad) vedl k otevření dvou, což bych poznal (Opera)

[VSi]

Taky jsem si toho všimnul. Nejčastěji u starých diskusí, o kterých vím, že jsem je sledoval, a které se třeba po týdnu zase oživí.

Už jsem se ptal: http://www.abclinuxu.cz/forum/show/234372#12 a je tam snad nějaké omezení na počet sledovaných diskusí.

Ještě jsem k tomu našel tohle: http://www.abclinuxu.cz/blog/leos/2008/2/seznam-prohlednutych-diskusi

[Fluttershy, yay!]

Bere se jen těch cca 80 diskusí, které jsou vidět v Navštívených diskusích.

[trekker.dk]

To také není ono. Jde většinou o diskuze docela aktivní (naposledy se mi to stalo u té diskuze pod Jak to ČSSD myslí...), když klikám na odkaz, tak je vedle něj hvězdička, ale po otevření stránky žádné nové příspěvky.

[Leoš Literák]

Bere se poradi, kdy ty ses na ne dival, ne poradi podle data posledniho komentare.

[Fluttershy, yay!]

Což je ale věc, která mi nepřipadá zcela logická a u níž bych uvítal změnu.

[Robert Krátký]

Naopak - je to jediné rozumné chování. Když chci diskusi sledovat, jde přeci o to, na kterou se podívám, ne na kterou se podívá někdo jiný. Nehledě na to, že sledovaných diskusí může být tolik, že je velmi obtížné ten limit překročit a zároveň mít o všech těch diskusích aktivní povědomí.

[Fluttershy, yay!]

A mně se třeba nechce hledat, zda někde někdo nekomentoval něco mimo věci, kde zrovna probíhá nějaký flejm.

[VSi]

Nenapadá mě lepší řešení, ale narazit na ten limit je občas docela snadné.

Pokud jsem to dobře pochopil, tak se do sledovaných diskusí započítávají všechny navštívené. Tedy u všech článků, blogů, a zpráviček které jsem si třeba jen zběžně prohlédl a zjistil, že mě diskuse nezajímá, nebo kde už se diskuse nevyvíjí.

Třeba mám povědomí o velmi živé diskusi, která je stará 4 dny a je v ní třeba 100 přízpěvků. V průběhu těch 4 dnů klidně můžu navštívit 80 jiných diskusí, které díky tomu budou sledované, ale nezajímají mě, třeba protože je v nich jen pár přízpěvků a další nepřibývají.

Když teď přibude přízpěvek do té původní živé diskuse (která ale byla 4 dny beze změny), tak ho nenajdu, protože už vypadla ze sledování.

Doufám, že jsem srozumiteně popsal, jak to myslím.

[Leoš Literák]

Pokud te ta diskuse tak zajima, je pravdepodobne, ze si ji budes prubezne otevirat a tim se ti posune na zacatek seznamu.

[Fluttershy, yay!]

I pokud nové komentáře nepřibývají moc často?

[Leoš Literák]

A jaky lepsi a spravedlivejsi algoritmus by jsi zvolil? Muzu treba zvednout limit, ale stejne na jeho strop narazite. Leda pridat na tom vypise checkboxy a tlacitko Prestat sledovat. Ale otazka zni - pouzivali byste jej?

PS Mozna bych jako vyhodu pro aktivni prispevatele mohl zdvojnasobit limit lidem s vysokym skore.

[default]

Jo, ty checkboxy jsou skvělej nápad. Takhle si musim diskuzi zobrazit, aby zmizela hvězdička… A nebo tlačítko/odkaz "přestat sledovat". Otázka je, co je jednodušší pro vývoj…

[trekker.dk]

Leda pridat na tom vypise checkboxy a tlacitko Prestat sledovat. Ale otazka zni - pouzivali byste jej?

To je náhoda, zrovna nedávno mě napadlo, že by se něco takového hodilo. Na druhou stranu se mi ještě nestalo, že bych na ten strop narazil a přestala se tak sledovat aktivní/aktuální diskuze, takže jsem to dál neřešil - asi máš pravdu, že by se to moc nepoužívalo.

Možná by pomohlo tlačítko (odkaz) "tuto diskuzi preferovat" s tím, že by potom nějaký čas nevypadla ze seznamu (teda pokud by preferovaných nebylo víc, než je strop)

[default]

Třeba diskuze, jak se zde lidi chlubí, jak kdradou filmy — to mě fakt nezajímá :-o Ledatak ta "zlodějna" zabírá pozici v diskuzích. Skoro mám chuť poslat bug report, ale to už radši trstní oznámení

[trekker.dk]

No ale to přece nemá vliv, ne? Pokud je někde napsáno "Komentářů: 123*" (což bylo), tak to znamená, že tam jsou pro mě nové příspěvky - nebo se pletu? (A rozhodně toho neprocházím tolik, aby se daná diskuze odsunula o 80 míst.)

[petr_p]

Nebude tím, že všechny nové příspěvky jsou sbalené? Mám pocit, že pak se ten odkaz nevypisuje.

[trekker.dk]

Jo, o tom vím, je to jedna z novinek, kterou Luboš napsal přes prázdniny. Nicméně to také není ten případ - moc lidí neblokuju a v dané diskuzi nemám žádný sbalený příspěvek.

[trekker.dk]

Hm - ještě dotaz: používají se nějak pro určení "novosti" komentářů cookies? Zkouším, jestli se stejná chyba bude projevovat i v Iceape a teď se mi zvýrazněně zobrazily i příspěvky, které jsem už určitě jednou četl.

[Leoš Literák]

Nemely by. Ukladaji se do databaze.

[trekker.dk]

Tak to je divný - budu s tím ještě chvíli laborovat a kdyžtak to dám to bugzilly

[Leoš Literák]

Zkouseli jste jej? Jak se vam libi? Nasli jste nejake chyby, ktere by branily nasazeni vsude?

[Fluttershy, yay!]

Zkoušel jsem jej a okno editoru mi přišlo malé. Konkrétní problémy jsem nenašel (nehledal), protože jsem jen upravil nějaké odkazy.

[Leoš Literák]

Velikost okna - souhlas. Ale to je nejmensi a nejsnaze resitelny problem

[Josef Kufner]

Navíc fckeditor má čudlík na přepnutí do fullscreenu.

[Espinosa]

Už jsem se tu jednou nabízel, tak se jen připomínám, psal před lety "čistič" html kódu, využívající knihovnu Neko, vše v Javě. Kdyby byl zájem, najdu a dodám. Bylo to jen pár řádků, nějaké to nastavení a pak jen spustit hlavní metodu, skutečnou dřinu odvede knihovna :) Umělo to očistit všechny CSS inline styly, opravit html, vyhodit prázdné tagy, uzavřít tagy, převod html na korektní xhtml a tak.

[Leoš Literák]

Jasne, posli, rad se mrknu, co umi. Jakou ma licenci? Abicko je GPL.

[Espinosa]

NekoHTML:
http://nekohtml.sourceforge.net/index.html
http://java-source.net/open-source/html-parsers/nekohtml
Je to aktivně vyvýjené, poslední release 1.9.9 z 11 Sept 2008. Spolehlivý "mature" projekt, mohu doporučit z vlastní zkušenosti. Umí validovat a opravit i jen HTML fragment, na čemž dojede většina konkurence.
Podle informace z java-source.net je to pod Apache licencí, na stránkách projektu to nemůžu najít.
Na stránkách je pěkné HowTo, ale stejně mě stálo něco času to optimálně nastavit. Psal jsem RSS web zobrazovač s podporou rich textu, proto pro mě byla validace html fragmentu zásadně důležitá.

Za úvahu by stálo i JTidy.
http://jtidy.sourceforge.net/
Seznam dalších alternativ.
http://java-source.net/open-source/html-parsers
Jsem už třetí den (skoro) bez internetu, takže se ozvu jak to půjde.

[Leoš Literák]

Jak jsem psal, vsecky tyto knihovny jsem zkousel a zavrhnul. Doma bych mel mit kus primitivniho kodu, na kterem nekohtml selhal a tim jsem jej odepsal. Az jej najdu, poslu.

[Zdeněk Štěpánek]

Tento editor by měl být podporován na široké paletě moderních prohlížečů, až na Konqueror. V něm se editor úmyslně vůbec nenahraje a zůstanete u klasického textového pole.

-----------

Takze tim je veskery muj problem vyresen. Dekuji predem.

Zdenek

[xxx]

Koukam, ze nejsem sam, koho se tahle novinka dotyka uplne stejne jako me.

[Leoš Literák]

Bohuzel. Budu citovat:

It is very important to support Safari today. Not because of the users base, but as a marketing thing. But this browser is still too buggy. You may find other editor proposing Safari support out there just to get the attention, but is well known how buggy they are with this browser.

[xkucf03]

skvělé, už se těším, až bude nasazený i pro komentáře

[Jardík]

Hnus s msoffice2000-like vzhledem a hnusnýma ikonkama. Kdyby ten vzhled byl alespoň normální, např msoffice2007-like.

[Ladicek]

Ty Jardo, možná tomu nebudeš věřit, ale někteří lidi (já mezi nimi) považují verzi 2000 za nejpovedenější MS Office vůbec :-P

[default]

Souhlasím! Když mi kolega představoval nové Unusability Patterns in Microsoft Excel 2007, napřed jsem se smál, pak brečel.