TinyMCE vs FCKeditor

Přiznám se, že od začátku, kdy jsem se začal kamarádit s open source redakčními systémy (Joomla, po chvíli Drupal a později i WordPress), vnímal jsem jako jednoznačně nejlepší vizuální editor pro web FCKeditor. Jeho nastavení je bezproblémové, velmi dobře se mění jeho chování pomocí konfiguračních souborů, nabízí několik motivů vzhledu a nabízí rychlé přepínání mezi vizuálním a HTML režimem.

Jenže poslední dobou začínám mít pocit, že tam, kde s webem pracují nepozorní, neschopní nebo neznalí uživatelé, je TinyMCE jako vizuální editor vhodnější volba. Vedou mě k tomu zkušenosti s provozem webů Photo HowTo a Backup HowTo, na které mi články dodávají externí autoři. Naučit je správně používat vizuální editor v kombinaci s importem textu z Wordu se mi donedávna zdálo jako téměř neřešitelný problém.

FCKeditor

Můj první favorit FCKeditor nabízí jednoduché prostředí připomínající vzhled staršího Wordu nebo jakéhokoli textového editoru. Na webu jej zprovozníte za pár minut. Aktuální verze již fungují ve všech běžně používaných webových prohlížečích. Podporuje formátování pomocí CSS, jeho výstup je validní XHTML, dovede automaticky zjistit vkládání textu z Wordu (nebo jiného richtext editoru), obsahuje správce souborů pro snadný výběr obrázků a jiného vkládaného obsahu. Dovede pracovat s tabulkami, formuláři atd.

V Drupalu je tento editor možné nainstalovat pomocí potřebného modulu. Podobně jej lze implementovat i v systému Joomla. Aktuální verze modulu pro Drupal (zkoušeno s modulem pro Drupal 6) toho nabízí o trochu více, než modul pro TinyMCE, i když to dříve bylo spíše naopak. Nastavení obou modulů je v podstatě stejné.

FCKeditor dovede importovat text z Wordu buď automaticky, nebo pomocí speciální funkce zobrazující dialog pro vložení textu ze schránky. Tam si můžete zapnout očištění vloženého obsahu od stylů, které Word iniciativně přikládá. Bohužel nevýhoda je ta, že FCKeditor při takovém importu neodstraňuje formátovací znaky HTML, jako je třeba FONT. Pokud autor článku připraví text ve Wordu a mezinadpisům nastaví nějaké šílené formátování, pak počítejte s tím, že se toho při importu do FCKeditoru nezbavíte. HTML značka FONT v kombinaci s nastavením velikosti písma znemožní aplikovat styly se vzhledem, které máte pro web připraveny.

Samozřejmě zkušený člověk se v FCKeditoru přepne do HTML režimu a vše si pečlivě upraví, případně text připravuje v něčem jiném než ve Wordu. Ovšem ne každý je ochoten či schopen takto postupovat. Toto je tedy podle mého názoru zásadní nevýhoda FCKeditoru.

TinyMCE

Vizuální editor TinyMCE je šířen sice pod trošku jinou licencí, než FCKeditor, nicméně i tak je zdarma. Nabízí množství témat a zásuvných modulů. Když jsem tuto jeho vlastnost zkoumal podrobněji, byl jsem docela překvapen, jaké různé doplňkové moduly lze pro TinyMCE najít. Opět, stejně jako v případě FCKeditoru, se nabízí XHTML výstup, podpora různých jazyků i fungování v různých prohlížečích (Safari momentálně experimentálně).

TinyMCE najdete v celé řadě redakčních systémů. Pro Drupal použijte příslušný modul. TinyMCE najdete také v Joomla, WordPressu a desítkách dalších, viz seznam. Pro Drupalisty mám dobrou zprávu. TinyMCE už spolehlivě funguje i v šestce, byť s mírnými ALE. Především je nutné vypnout kompresi JavaScriptu, což se projeví v rychlosti načítání stránek u navštěvovanějších webů. Aktuální verze modulu nemá tolik nastavení jako FCKeditor. Nemůžete například určit minimální počet řádků pro políčka, která mají být nahrazena tímto editorem. Několikrát se mi také stalo, že TinyMCE při editaci článku do obsahu dvakrát zkopíroval úvodník.

TinyMCE z textu automaticky odstraní zbytečné značky (není tu DIV navíc jako u FCKeditoru)

TinyMCE má však jednu výbornou vlastnost, kvůli které jsem ho na svých dvou zmíněných webech nasadil. Import text u z Wordu zvládá totiž způsobem, který přesně potřebuju. Ať už si pro mezinadpisy zvolím jakkoli šílený styl, TinyMCE jej pomocí speciální funkce vloží bez zbytečností jako je FONT, milionkrát opakovaný SPAN atd. Pokud si text článku ve Wordu připravíte tak, že budete správně tvořit odstavce (bez prázdných řádků mezi nimi) a pro mezinadpisy použijete styly (Nadpis 2, Nadpis 3 atd.), pak po vložení textu do TinyMCE budete mít minimum práce s jeho úpravami.

To je poměrně kritická vlastnost. Tam kde nechcete nebo nemůžete neustále kontrolovat, zda je text bez formátování, které přebije nastavené kaskádové styly, tam je momentálně ideální příležitost pro implementaci TinyMCE.

Vaše zkušenosti?

Ve své knize o Drupalu jsem věnoval mnohem více prostoru FCKeditoru oproti TinyMCE. Stále si myslím, že FCKeditor je schopnější, rychlejší a robustnější, než TinyMCE. Avšak rozdíly se začínají stírat, a pokud vývojáři vylepší nastavení modulu pro TinyMCE, budu doporučovat jej.

Pokud bych však měl srovnat aktuální FCKeditor s TinyMCE bez ohledu na to, jak fungují v Drupalu nebo jiném prostředí, pak by zřejmě vyhrál TinyMCE.

Jaký vizuální editor používáte na svém webu? Dáváte přednost přípravě textu v HTML nebo jste rádi, že je nějaký vizuální editor k dispozici?