Q/A: Jaký použít WYSIWYG editor?
Tímto článkem začínáme rubriku, kterou jsme pracovně nazvali
„Q/A“, tedy Questions and Answers. Rádi bychom vám touto formou
zprostředkovali časté dotazy našich klientů, přátel a známých a naše
odpovědi. Věřím, že pro vás budou tyto články zajímavé a nám
poslouží jako referenční příručka na často opakující se
dotazy. Otázka: Rádi bychom v našem redakčním systému použili
nějaký WYSIWYG editor. Jaký
máme použít? Nad použitím WYSIWYG editorů v redakčních
systémech by nejeden tvůrce webu ohrnul nos, přesto je však praxe taková,
že pro většinu klientů bývají tyto editory lepší volbou, než marná
snaha o pochopení značek HTML nebo některého značkovacího systému typu
Texy, Textile nebo Markdown. WYSIWYG
editory si s sebou však nesou určité břímě častých chyb ve výsledném
značkovacím kódu, a to jak z hlediska syntaxe, tak sémantiky. Tvůrce nebo
implementátor redakčního systému by v případě WYSIWYG editorů měl
myslet především na dva důležité body:
- Vybrat pro implementaci vhodný WYSIWYG editor (viz dále).
- Případně omezit možnosti WYSIWYG editoru, aby v něm měl uživatel
pouze vybrané formátovací možnosti, které omezí jeho přílišnou
kreativitu.
Pokud jde o otázku, jaký vybrat WYSIWYG editor, rád bych vás odkázal na
velmi zajímavý článek Petera Krantze s názvem Evaluation
of WYSIWYG editors (2007), ve kterém podrobně zkoumá schopnosti a
možnosti osmi nejčastěji používaných WYSIWYG editorů. Zaměřil se
primárně na sémantickou a syntaktickou správnost výsledného zdrojového
kódu i na různé špeky, jako jsou vnořené seznamy atp.
Z komerčních WYSIWYG editorů v jeho testu nejlépe vyšel XStandard (ten vyhověl dokonce všem
testům) následovaný EditOnPro.
Z open-source editorů nejlépe uspěl TinyMCE následovaný FCKeditorem. Pro bližší srovnání
schopností a možností jednotlivých editorů společně s doplňujícím
komentářem doporučuji prohlédnout výslednou
tabulku. Je jasné, že se kvalita jednotlivých editorů neustále
zlepšuje, přesto je evidentní, že některé WYSIWYG na kvalitu výsledného
kódu dbají o něco více, než ty ostatní. Je tedy na tvůrci redakčního
systému, aby naimplementoval ten správný a vhodně ho pro uživatele upravil.
Věřím, že vám při výběru pomůže třeba i toto srovnání.
Pro me bylo vzdycky nejdulezitejsi vedet jak editor zvlada: zalomeni radku vs novy odstavec pri enteru, stylovani elementu pomoci CSS a image manager.
Myslím, že skutečnou jedničkou v komerční sféře je bezkonkurenčně Ephox (https://www.ephox.com/…ts/editlive/), doporučuji prostudovat a vyzkoušet. Možná, že důvodem k nezaření do listu testovaných editorů byla jeho cena, v každém případě je to svými vlastnostmi editor bezkonkurenční.
Škoda, že litevský Spaw má takový mizerný marketing https://www.solmetra.lt/…n_spaw_intro
Jednu větu bych poopravil. „přesto je však praxe taková, že VĚTŠINA KLIENTŮ SI MYSLÍ, ŽE JSOU PRO NĚ tyto editory lepší volbou, než marná snaha o pochopení značek HTML nebo některého značkovacího systému typu…“.
Ne vážně. Pokud jde o absolutně nekomerční web, kde je „všechno jedno“ (skoro), tak ať si tam klidně What You See Is All You Have editor poručí, pokud je třeba webu dělat byť jakýkoliv náznak marketingu, SEO atd., tak považuji podobné editory za velké „nou – nou“.
Mozna lehce OT, ale treba nekdo bude vedet.. TinyMCE je pod licenci LGPL, jak to je s jejim nasazenim u komercniho RS. Mohu nasadit tento editor, a pak tu aplikaci prodavat nekomu dalsimu? Pripadne musim i pak zverejnit zdrojove kody? Diky za pripadnou pomoc
Řekl bych, že z těch nekomerčních je TinyMce skutečně nejlepší. Používám ho již nějakou chvíli jako alternativu k texy v textpatternu a jsem s ním po několika úpravách velice spokojen.
Ad Solmetra – byl by to dobry editor, kdyby formatoval tucne pismo pomoci , kurzivu jako … apod. Takto s jeho stylovanim pomoci je nepouzitelne…
Tak to jsem trosku necekal… spravne by melo byt tucne pismo pomoci strong a kurzivu jako em :)
[7] nevím, teď jsem se na Spaw v.2 díval a Strongy a emka dělá správně. Kdysi dávno v roce 2003–4 jsem používal jedničkovou verzi, ale šval mně její nevalidní výstup… Což ovšem byl a je z části nešvar všech WYSIWYG editorů dodnes…
Na pár systémech, jsem proto již zhruba před rokem a půl začal používat XStandard, má spoustu výhod i nevýhod… Je to ActiveX objekt a ne malý, takže pouze na Windows a většinou jen na pár počítačích kde pracujete… Dobrá je jeho rychlost, funkce i xhtml výstup, který má ovšem také své mušky…
Teď zkouším jako jeho variantu nasadit TinyMCE jelikož se mi vcelku líbí jeho API, rychlost (oproti FCK) a např. podpora Opery atp.
Dalším velkým nešvarem WYSIWYGů je vyčištění kódu z Wordu… Protože ono základem všech WYSIWYGů je nějak nasypat obsah z Wordu na webu. Nejlépe aby to zvládla i sekretářka…
Tento absolutně nic neříkající „článek“ bych nazval spíše „Umíte-li anglicky, poradíme vám kam se podívat, ať zjistíte, jaký použít WYSIWYG editor“ :-(
Jen první komentář (LokoN) obsahuje pro laiky mnohem cennější skutečnosti než celý „článek“, jen by se právě musel podrobněji rozebrat do laické mluvy. Laik uvažující nad WYSIWYG editorem totiž neví ani co je element, ani co je CSS a už vůbec ne proč je dobré používat editor, který umí s CSS pracovat …
Buď nevíte jak odpovídat na dotazy (což u profesionálů neočekávám), nebo vnitřně bojujete s tím, kolik toho prozrazovat svým zákazníkům a konkurentům z toho, čím se snažíte živit :-). To z vlastní zkušenosti plně chápu, jen mi pak není jasné, proč jste se blog rozhodli dělat …
[10] Jarku, ale tento článek nebyl psaný pro laiky. Nebyl psaný pro ty, kteří budou využívat WYSIWYG editor pro tvorbu obsahu. Byl psaný pro toho, kdo ho bude implementovat do redakčního systému, kdo je zodpovědný za jeho optimální výběr. A u něj oprávněně již očekávám schopnost mluvit anglicky a rozumět pojmům jako CSS. To jsme si zřejmě nerozuměli v cílové skupině tohoto textu. O nějakém zamlčování know-how tady pochopitelně nejde.
Pokud člověk stránky vytváří pomocí PHP, Javascriptu,…, používání WYSIWYG editorů ztrácí význam. Já už více než rok používám NonWYSIWYG editor Quanta a vůbec nic mi neschází.
[12] Ale bacha, tento článek není o editorech pro tvorbu webu. Je o editorech, které se vkládají do redakčních systémů pro správu obsahu.
[11] Díky Davide za osvětlení, přesto si myslím, že sem na základě nadpisu (a dobrého SEO ;-) přijdou z vyhledávačů lidé, kteří pak jen zklamaně odejdou. Na nešíření vlastního know-how zdarma nevidím nic špatného, ale pokud už to někdo hodlá dělat, pak musí vědět, čím jiným se bude živit :-).
Na svém webu používám XStandard ve verzi Lite, sice neumí složitější funkce, ale na obyčejné publikování stačí více než dobře a do ASP.NET má jednoduchou implementaci. :) Vřele doporučuji.
Chcem sa spýtať, či sa chystáte odpovedať aj na otázku ohľadom efektívnej obrany pred spam botmi vo verejných diskusiách a emailových formulároch. Myslím si, že mnoho ľudí, vrátane mňa, by to zaujímalo. Na internete je to dosť sporné, niektorí obhájujú captcha, iní primitívne otázky, atď. Ďakujem.
[17] Díky za dotaz. Ano, k tomuto tématu se určitě dostaneme velmi brzy.
[16]Já osobně používám generování dvou náhodných čísel 0–5, která se sčítají. (Cílová skupina je většinou 15+, takže sčítat do 10ti umí :D )
[9] Přímo na webu Solmetry v demu v 2 to dělá: span style=„font-weight: bold;“ … tak nevím, nezkoušel jsem to nastavovat, ale předpokládal jsem že pokud to umí, tak to tak ukáže…
a na semanticky najvernejsi ste pozabudli? https://demo.wymeditor.org/…r/editor.htm
https://mikajik.info/…tinymce.html
tady Vas pekne kopiruji
Já osobně používám generování dvou náhodných čísel 0–5, která se sčítají. (Cílová skupina je většinou 15+, takže sčítat do 10ti umí :D )
TinyMCE :)