Flexibilnější konfigurace povolených HTML značek

22.11.2008 19:33 | Abíčko | | poslední úprava: 23.11.2008 10:20

Provedl jsem větší refactoring kódu kontrolujícího HTML vstup. Nová verze je mnohem flexibilnější a hlavně není hardcodovaná ve zdrojáku, ale má svůj vlastní konfigurák. Najdu-li si někdy čas, popíšu své řešení ve skupině Vývoj. Jsem na ně docela hrdý, líbí se mi .

Viditelnou novinkou je podpora atributu style, nicméně zatím jen pro vlastnost text-align. Ve wysiwyg editoru totiž přibyly tlačítka pro zarovnání textu. Dále spousta značek podporuje atribut class, nicméně opět jen povolené třídy. Jejich popis najdete v konfiguračním souboru a bugu 1138. Máte-li návrhy na další CSS třídy, napište nám je, nejlépe i s definicí. Teď je na řadě wysiwyg editor pro komentáře ..

Aktualizace: rozšířil jsem použití WYSIWYG editoru o další stránky, například dotazy, komentáře, FAQ, nastavení popisu blogu, profil uživatelů či popisek kategorií.

       

Komentáře

[trekker.dk]

Hodnota 'separator' atributu CLASS značky P není povolena!

Když se pokouším zadat příspěvek v ostavcích bez značky p (s tím, že se přidává automaticky díky odřádkování)

[Luboš Doležel (Doli)]

Opraveno, díky.

[=^..^= AmigaPower®]

No, mám li být upřímný, podle mně je to zbytečná "fičulka" a budu si na to dost dlouho zvykat...   Co mi dost vadí je "Ctrl+v" v tom novim okně...

Pro mně zatím jasně vede tlačítko "zdroj"

Nicméně je to jen můj názor a spoustě lidí to do oka padne, takže hodnotím jako dobré.

[Käyttäjä 11133]

Můžeš si to přepnout v konfiguraci aby si měl ten starý editor, naštěstí...

[jyrki]

Uff, aspon ze tak. Ten wysiwyg editor byla nejzbytecnejsi featura AbcLinuxu v historii, alespon dle meho nazoru.

[rastos]

Amen.

[YYY]

Tak tak. Bez staryho editoru ani ranu...

[Limoto]

Já bych ocenil spíš funkční záložky...

[Leoš Literák]

Pokud je na nich neco spatneho, proc nepopises svuj pozadavek do bugzilly?

[Limoto]

Špatný je na nich to, že nejdou... když se něco pokusím přidat:

Cesta neexistuje!
Cesta neexistuje nebo neexistují žádné záložky!

[David Watzke]

Zvláštní, mně to jede...

[Luboš Doležel (Doli)]

To máš hlásit hned, byla to oprava na minutu práce

[Limoto]

Dík, už to jede

[jyrki]

taky musim testnout, mel jsem uplne stejnej problem

[Ondrej 'SanTiago' Zajicek]

Proc ten sileny WYSIWYG dialog pro editaci komentare? IMHO predchozi reseni bylo o dost lepsi.

[Luboš Doležel (Doli)]

Tak se zaregistrujte a zakažte si to

[jyrki]

Mozna by bylo dobre udelat anketu a zeptat se uzivatelu AbcLinuxu zda WYSIWYG editor chteji ci ne.

[=^..^= AmigaPower®]

Anketa je volovina, když to jde zakázat

[jyrki]

Zakazat to jde registrovanym...co ostatni?

[Luboš Doležel (Doli)]

Ti ostatní se můžou zaregistrovat, pokud jim to tak vadí.

[=^..^= AmigaPower®]

+1

[jyrki]

Proc se tomu tak branit? Copak AbcLinuxu nechce vedet jestli to co dela ma smysl?

[Luboš Doležel (Doli)]

Vzhledem k tomu, jak často je nutné opravovat něčí příspěvky, je jasné, že nepříliš technickým typům přímé psaní HTML kódu nevyhovuje. To je fakt a anketa na tom nic nezmění.

[rastos]

Nepríliš technickým typom by sa tam značne hodili gombíky na blockquote, code a pre. Bez nich to technickým typom nevyhovuje tiež. A keď už sme pri tom, pri pôvodnom riešení mi chýba em.

[Josef Kufner]

Já chci anketu :)

[trekker.dk]

Anketu o editoru nebo anketu o anketě o editoru?

[Josef Kufner]

Obě!

[Leoš Literák]

Je mi lito, ale o takovychto vecech rozhoduju ja. Na druhou stranu jsem udelal moznost vypnout si wysiwyg editor a zustat u puvodni textarey. Ta se take zobrazuje automaticky uzivatelum konqueroru a lynxu / linxu. Ti jako javascriptem nepostizeni maji oproti predchozimu reseni jednu vyhodu: zmizela jim lista s JS formatovacimi tlacitky, ktere jim byly jen na obtiz.

[jyrki]

Byl to navrh. Pokud ne, tak ne. Nicmene je ten editor extremne pomaly (Firefox 3.0.3.)

[=^..^= AmigaPower®]

...možná by byl lepší termín: extrémně pomalu plazivý

[=^..^= AmigaPower®]

tywoe, co jsem to zmáčknul!?!?!? no, to už vidim ty krásně uřvaný diskuse....

[xkucf03]

Co máš za HW?

V mém Firefoxu 3.0.4 pod Linuxem ten editor funguje úplně v pohodě.

[jyrki]

Jj. nic jinyho nez vypnuti si to nezaslouzi. Jeste bych to mohl zkusit v Opere...

[=^..^= AmigaPower®]

 

Leoši a teď uznej, neni to škoda celý tý práce, když se tady snažíte držet "střízlivý" dyzajn (což je asi dobře), a omezujete různé "neškodné fičulky" v patičkách atd. a na druhou stranu tady teď může přijít jakýkoliv neregistrovaný "tapetář" a udělat třeba takovouhle (nebo ještě horší) prasárnu...

 

 

 

Prasárny povoleny

 

[Leoš Literák]

To je ale normalni bug. Puvodne jsem planoval udelat i kontrolu na hodnotu atributu, ale zapomnel jsem na to. Nastesti pro ttento use case muzeme snadno vyjmenovat hodnoty techto tri atributu a bude to zase v poradku

[=^..^= AmigaPower®]

Taky je docela blbý, že ty zakázaný atributy tě to tam nechá bez potíží dát, ale přes náhled už to nepřejde a je třeba to ručně mazat ve zdroji (asi to jde i v tom editoru, ale ve zdroji je hned vidět kam šáhnout...)

[Leoš Literák]

Blbe to je, ale obtizne resitelne. Kdyz ten atribut zadas, tak budes vedet, ze jsi jej tam pridal a ze jej mas tedy odstranit. Defaultni parametry mam snad zvladnute, az na ALT u obrazku a to neni spatny napad nutit uzivatele jej vyplnit.

[=^..^= AmigaPower®]

Leoši... ...přiznej barvu... ...mělo to být užitečné a jsou s tím jen potíže

Já pořád nějak tak doufám, že tomu ještě přijdu na chuť, ale asi ne, asi si to nakonec stejně vypnu, už jen kvůli rychlosti pomalosti...

[David Jaša]

Coby nenapravitelný optimista si myslím, že jsou to stále jen dětské nemoci. V takovém drupalu s fcke nejsou problémy, takže Leošovi a spol. věřím, že se jim to nakonec povede odladit. ;)

[Leoš Literák]

Co z tohoto je pravda?

1. FCK resi vyse zminene potreby (povolene atributy atd)
2. Abicko ma vyssi standard a lidi zde resi problemy, ktere by je na nejakem webu z prefabrikovaneho drupalu ani nenapadly

[Filip Jirsák]

Myslím, že platí to druhé. Když se porovná diskuze zde s jinými, tak je tady hodně možností formátování (jako mívají samostatná diskuzní fóra typu phpBB), ale na druhou stranu je zobrazení diskuze velmi kompaktní (jako mívají zpravodajské servery a blogy, Abíčko je často ještě kompaktnější). Problém je, že v té kompaktní diskuzi se každá mezera navíc pozná.

[trekker.dk]

Tak na to snad ani nemá cenu odpovídat, ne?

Vždycky, když vidím nějaký ten phpBB a podobné, tak kvetu z toho, co všechno to neumí.

[xkucf03]

Užitečné to je, já jsem třeba rád, že tu WYSIWYG editor je (i když s chybkami).

Jestli se ti to nelíbí, tak si ho vypni a nedržkuj

[=^..^= AmigaPower®]

Jasně, tvůj úhel pohledu samozřejmě beru, já kdybych neuměl HTML, taky bych byl rád že je...

[xkucf03]

no já HTML umím, ale přijde mi to jako opruz, vypisovat třeba <ul> <li> </li> … </ul> ručně → to radši jednou kliknu a mám to

[=^..^= AmigaPower®]

Nemyslel jsem tim že neumíš HTML, i když to tak možná vyznělo 

Jen prostě že v diskuzi používám maximálně <br> a <b>, no a pro citaci bylo tlačítko.

[Leoš Literák]

Treba prave seznam je uzitecny i v komentarich a psat HTML je prilis zdlouhave, takze se na to radsi vykaslu.

1. ted uz ne

[xkucf03]

1. Díky za WYSIWYG pro komentáře
2. Teď můžu psát svoje oblíbené číslování

• nebo odrážky
• aniž bych se musel patlat s HTML (tedy ne že bych ho neměl rád )
• Zkušenosti jsou zatím pozitivní.

Jen jedna nepříjemnost se mi stala – ale za to si můžu taky částečně sám – zadával jsem zdroják (jako předformátovaný text) a nějak se mi rozdělil na dva → tudíž pak při zobrazení příspěvku se ukáže první část celá a druhá (ta delší) má kolem sebe takovou tu vychytávku s posuvníkem, aby to nebylo moc dlouhé. Možná by se hodilo zobrazovat ten posuvník už v náhledu komentáře, aby takovou chybu mohl uživatel případně opravit.

[Filip Jirsák]

Zkušenosti jsou zatím pozitivní.

Já jsem zatím nepřišel na to, jak se dá citovat komentář (nebo jeho část). Citace byla pořád nepřístupná, style odstavce „blokový komentář“ vložilo tag <p>. Neumím s tím editorem zacházet, nebo v něm tohle nejde?

[Leoš Literák]

Je tam tlacitko citace s aspostrofy. Vypada sice jako disabled, ale kdyz na nej najedes mysi, zmeni to barvu. Take mi to prijde matouci.

[Filip Jirsák]

Mně právě ani po najetí myší barvu nezměnilo. Zkoušel jsem na něj i kliknout, a nic se nestalo. Zatím to byl ale jen jeden pokus (Firefox 3.0.x), příležitostně to ještě vyzkouším.

[Leoš Literák]

 

Mně právě ani po najetí myší barvu nezměnilo. Zkoušel jsem na něj i kliknout, a nic se nestalo. Zatím to byl ale jen jeden pokus (Firefox 3.0.x), příležitostně to ještě vyzkouším.

ted to zkousim a funguje perfektne.

 

[Filip Jirsák]

 

 

Mně právě ani po najetí myší barvu nezměnilo. Zkoušel jsem na něj i kliknout, a nic se nestalo. Zatím to byl ale jen jeden pokus (Firefox 3.0.x), příležitostně to ještě vyzkouším.

ted to zkousim a funguje perfektne.

 

Teď mi to taky funguje. Tak to byly asi erupce na Slunci…

 

[Luboš Doležel (Doli)]

Akorát to všude cpe do kódu ty nevzhledné <p>&#160;</p>

[Leoš Literák]

Z nejakeho duvodu je na konci textu prazdny odstavec a takhle ho obali. Urcite to pujde resit, kdyz jim nekdo napise o radu ..

[06078]

Citace nejde pokud zakládáš nové vlákno. Pokud reaguješ na komentář, tak tlačítko funguje. Teda aspoň myslím z toho co jsem zatím zpozoroval.

[Leoš Literák]

Prosim do bugzilly s popisem. Snad mi UPC dneska spravi net, pak bych to mohl o vikendu fixnout.

[pht]

a jak se v tom wysiwyg delaji vicestupnove cislovani?

1. bla

1.1 blabla?

[Leoš Literák]

A jak by to udelal v HTML v textovém poli při aktuálně povolených značkách?  Vždycky máš možnost kliknout na tlačítko Zdroj a editovat HTML ..

[pht]

no, to je jinak receno, wysiwyg to neumi :)

[Leoš Literák]

A proč by měl umět? Schválně jsem omezil seznam tlačítek na minimum. Má to být pomůcka pro rychlé psaní, aniž by se člověk musel zdržovat psaním HTML značek. Není zapotřebí, aby tento editor obsahoval desítky tlačítek na víceřádkovém menu. Mým cílem byla minimalističnost. Tučně, italic, odkaz, seznamy, tabulka. Další používané styly jsou v menu Styl. Asi napíšu článek s popisem, co to všechno umí.

[xkucf03]

Kdy jsi to naposledy potřeboval? Já občas využiji normální odrážky nebo číslování. Ale víceúrovňové, to snad nemá v komentářích ani smysl.

[Filip Jirsák]

U zpráviček se přestaly zobrazovat titulky – to je chyba slučování verzí, nebo opatření proti plamenný diskuzím o tom, zda titulek usekávat, zdrcnout nebo zalomit na více řádků?

[Leoš Literák]

Ja je stale vidim. Nemenil jsi nastaveni?

[Filip Jirsák]

Změnil, ale ne záměrně V nastavení jsem si vypínal WYSIWYG editor, a protože jsem zatím neměl nastavenou volbu zobrazování titulků zpráviček, nastavil se mi default – nezobrazovat titulky. Logičtější by bylo, pokud uživatel zatím nic nezvolil, nechat oba radiobuttony prázdné, a při uložení buď uživatele donutit jednu variantu si zvolit, a nebo (pokud nic nezvolí) stále ponechat tu hodnotu nevyplněnou. Ale to jen tak na okraj, není to kritická chyba a volného času je málo…

[petr_p]

V rozšířeném editoru v režimu WYSIWYG nemáte definovanou barvu popředí.

[Leoš Literák]

K uprave vzhledu se Robert jeste nedostal.

[h.xman]

Zkousel to nekdo na starsich pocitacich? Na mem PIII 1 GHz to trva tak pet minut nez se to nacte a ja muzu editovat prispevek - bohuzel naprosto nepouzitelne. Nebo to jen zrovna nejak blbne?

Je kazdopadne supr, ze se to da prepnout na stary zpusob.

[Leoš Literák]

Ja mam nejaky AMD Sempron, nacteni je pomalejsi, ale pouzitelne, horsi jsou dialogy typu odkaz ci tabulka, tam to zablokuje pc na vteriny.

[=^..^= AmigaPower®]

Athlon 2500+ (1100Mhz) načtení á4 vteřiny, odkaz á4-5, tabulka á3.

[Limoto]

Athlon XP@2GHz načtení 2s, odkaz 1s, tabulka 1s. Zajímavý...

 

[=^..^= AmigaPower®]

Asi nějaká chvilková anomálie, teď mam 4x po sobě odkaz okolo 3 sekund. Na dvou giga je to taky docela bída. Myslim, že nastavit to jako "default" s možností vypnutí, nebylo moudré rozhodnutí, defaultně by mělo zůstat staré rozhraní a kdo chce ať si zapne tohle, no ale už stalo...

[trekker.dk]

defaultně by mělo zůstat staré rozhraní a kdo chce ať si zapne tohle, no ale už stalo...

Což by znamenalo, že by si většina lidí novinek nevšimla (ne všichni mají zapnuté blogy, ne všichni je pravidelně sledují atd.) Takhle když se něco objeví, každý si toho všimne hned a pokud se mu nelíbí, tak to vypne.