QARK.net — Rozsáhlé srovnání FCKeditoru, TinyMCE a SPAW editoru
Rozsáhlé srovnání FCKeditoru, TinyMCE a SPAW editoru

Rozsáhlé srovnání FCKeditoru, TinyMCE a SPAW editoru

Test editorů

Rozhodl jsem se udělat srovnávací test tří dostupných WYSIWYG editorů pro úpravu a tvorbu (X)HTML kódu. To „X“ je v závorce, protože podle pravidel XHTML pracuje pouze FCKeditor. TinyMCE se o XHTML snaží, ale mně osobně třeba velmi vadí, že používá značku <font>, která v XHTML 1.0 Strict už neexistuje. Poslední z trojice, SPAW, produkuje bohužel jen obyčejné HTML.


FCKeditor 2.0 RC3

FCKeditor RC3

Jde opravdu o nejlepší editor z testované trojice. 3. března vyšla verze RC3, která například dovoluje editovat kompletní stránku, a ne jen obsah <body> elementu. Zajímavý plugin „Placeholder“ zase umožní vkládání vašich speciálních značek, které si můžete potom nahrazovat po odeslání, třeba pomocí PHP.

Výhody

  • Funguje v IE 5.5+, Firefoxu 1.0+, Mozille 1.3+ a Netscape 7+,
  • je velmi dobrý a výborně konfigurovatelný,
  • validní XHTML kód,
  • čeština,
  • import a definování vlastního CSS,
  • UTF-8 kódování,
  • jednoduché přepínání z WYSIWYG na XHTML kód,
  • automatické čištění kódu vloženého z Wordu,
  • úprava formuláře a formulářových polí,
  • podpora pluginů,
  • kontextové menu levým kliknutím myši,
  • klikací klávesnice v několika jazycích.

Nevýhody

  • Velmi obsáhlý JavaScriptový kód, déle se načítá,
  • IE neumí plně odstranit JavaScriptové objekty z paměti, a tak se může stát, že se po několika obnoveních stránky prohlížeč sesype,
  • překládání znaků s diakritikou na HTML entity (lze to ale odmazat v .js kódu :-).

Domovská stránka editoru: http://www.fckeditor.net/

TinyMCE

TinyMCE

Rychlý a svižný editor, na kterém mě ale velmi mrzí vkládání tagu <font>, a to, že se nechová stejně v IE a ve FireFoxu. V IE jede mnohem lépe a má více funkcí. Přitom stačí trošku snahy a hledání v JavaScriptu, abyste naučili TinyMCE šlapat i ve FF. Já si tak třeba přepsal plugin IBrowser.

Autor si totiž do tagu <option> vymyslel svoje atributy img_heightimg_width, které pak při vybrání souboru vkládal do polí. Jenže něco takového sežere jen hloupé IE. Ostatní prohlížeče ví, že zádný takový atribut v  <option> neexistuje, a tak z něj neumí načíst hodnotu. Stačilo proto atributy smazat a vložit jméno, šířku a výšku obrázku, oddělené středníky, do atributu value, a pak při kliknutí rozdělit value do pole (pomocí středníků). Rozdělené hodnoty potom přiřadíte do políček formuláře a plugin běží dobře v IE i FireFoxu.

Výhody

  • Rychlý a jednoduchý editor,
  • zobrazování vnoření elementů,
  • onMouseOveronMouseOut u obrázků ,
  • SHIFT+Enter = <br/>, Enter = <p>,
  • vkládání vybraného stylu do tagů,
  • čeština,
  • import CSS,
  • UTF-8 kódování,
  • pojmenování různých cest k obrázkům a jejich přepínání pomocí roletového menu.

Nevýhody

  • Nefunguje stejně v IE a ve FireFoxu,
  • nepodporuje standardy XHTML, i když je tu patrná snaha o XHTML,
  • vkládání tagu <font>.

Domovská stránka editoru: http://tinymce.moxiecode.com/

SPAW

Spaw editor

Poslední z testovaných editorů sice zajímavě vypadá, ale je nejslabší. Ve FireFoxu je nepříjemné, že v okénku není při prvním spuštění kurzor, a tak pořád jen klikáte a čekáte, než se objeví. A on se neobjeví, dokud něco nenapíšete. Další chybou je, že se editor při reloadu stránky kolikrát ani nenačte.

Ze SPAWu jsem měl prostě pocit, že je teprve někde v plenkách, a že si ještě na jeho nástup na scénu musíme počkat. Navíc produkuje obyčejný HTML kód, což jej, oproti předchozím dvěma editorům, značně penalizuje.

Výhody

  • Jednoduché nastavení pomocí PHP,
  • rychlé načtení,
  • čeština.

Nevýhody

  • Divná JavaScriptová implementace do stránky,
  • občas se editor nenačte,
  • neviditelný kurzor při prvním kliknutí ve FF,
  • nepopsaná tlačítka ve FF,
  • neumí vyčistit kód při vložení z Wordu.

Domovská stránka editoru: http://www.solmetra.com/

Qark | 05. 03. 2005 17:29 | Komentáře: 17 | ::Programování


Přidat článek do: [ linkuj.cz], [ jagg.cz], [ asdf.sk], [ del.icio.us]

Stáhnout článek jako [ PDF]
[ RSS komentářů] k článku

[ Napsat] komentář

Články a fotografie z tohoto webu je zakázáno kopírovat a přidávat si je na svoje blogy, či kamkoliv jinam, bez mého písemného souhlasu!

Komentáře


1
rony url 05. 03. 2005 21:53

a co HTMLarea?

Reakce na komentář: Ondra D. #2Načítám náhled komentáře...

2
Ondra D. url 05. 03. 2005 22:43

No mam ten pocit, ze FCKeditor taky bohuzel vsude cpe <font> :-(.
Reakce na rony #1Načítám náhled komentáře...: HTMLarea taky myslim produkuje jen HTML kod.

Reakce na komentář: Qark #3Načítám náhled komentáře...

3
Qark url 05. 03. 2005 22:47

Reakce na Ondra D. #2Načítám náhled komentáře...: FCKeditor nepouziva <font>, ale <span>!!! a to se mi prave na nem libi.

Reakce na komentář: Ondra D. #4Načítám náhled komentáře..., arnie #8Načítám náhled komentáře...

4
Ondra D. url 05. 03. 2005 22:52

Reakce na Qark #3Načítám náhled komentáře...: jj, mas pravdu, ted to zkousim a fakt se mi nepodarilo donutit FCKeditor, aby pouzil <font>. Takze se omlouvam, mea culpa.


5
Pavel 30. 03. 2005 23:03

Mohl bych pozadat o radu, kde v kodu FCKeditoru zakazat tu nahradu diakritiky za entity? Hledam, hledam… a nic :-( Predem diky.

Reakce na komentář: Qark #6Načítám náhled komentáře..., Jakub Vrána #9Načítám náhled komentáře..., jirzin #11Načítám náhled komentáře...

6
Qark url 30. 03. 2005 23:23

Reakce na Pavel #5Načítám náhled komentáře...: myslim, ze zakazat to nejde. Musi se to rucne umazat v editor/js/fckeditorcode_ie_1.jseditor/js/fckeditorcode_gecko_1.js
V nich se nachazi: FCKXHtmlEntities.Entities a ty je dobre promazat a nechat tam jen potrebne.

Reakce na komentář: U-Geen #13Načítám náhled komentáře...

7
petuliak 08. 05. 2005 10:47

no mne FCKeditor v IE dava FONT !!! a vo FF mi dava SPAN.. neviete ako to urobit aby to davalao vsade ten span ?


8
arnie 01. 06. 2005 00:16

Reakce na Qark #3Načítám náhled komentáře...: mě to tam v ie taky pořád cpe font, nevíš proč?


9
Jakub Vrána url 06. 02. 2006 16:27

Reakce na Pavel #5Načítám náhled komentáře...: Přinejmenším v novějších verzích se to dá zakázat v souboru fckconfig.js pomocí FCKConfig.IncludeLatinEntities.


10
Jirka 21. 02. 2006 17:47

Mate nekdo nejake zkusenosti s Xinha???

http://xinha.python-hosting.com/


11
jirzin 07. 03. 2006 11:43

Reakce na Pavel #5Načítám náhled komentáře...: Pánové čtěte nápovědu než něco odoudíte. Zakázat to jde:
tinyMCE.init({

entity_encoding : "raw"
});


12
jirzin 07. 03. 2006 11:44

Jo a s tím fontem – to se řeší přes:
tinyMCE.init({

convert_fonts_to_spans : false
});


13
U-Geen 07. 04. 2006 13:47

Reakce na Qark #6Načítám náhled komentáře...: FCKConfig.IncludeLatinEntities = false ; a jedem :-)


14
Broli 11. 05. 2006 12:05

Zkoušel jsem zprovoznit FCKeditor, ale na webu (na localu funguje v pohodě) se mi nedaří rozjet Filemanager (v IE: "XML request error: Unknown (12152)", FF se pokouší stáhnout connector.php na disk). Jak je to u TinyMCE? Nevíte někdo, zda existuje nějakej OPRAVDU snadno integrovatelnej plugin pro správu souborů (převážně obrázků)? Samozřejmě že FREE! Případně nemá někdo ke stažení již kompletní řešení – tedy TinyMCE již s integrovaným filemanagerem?


15
Ethan url 30. 05. 2006 14:53

Navíc tinyMCE lze nakonfigurovat tak, že bude vkládat jen určité tagy, u tagů jen určité atributy (atributům možno nastavit povolené hodnoty) a dokonce, že bude nahrazovat určité tagy jinými tagy automaticky. Stejně tak lze nastavit, jaké znaky se budou nahrazovat entitami a jaké ne. Doporučuji pročíst dokumentaci, umí toho hodně a XHTML striktní výstup pro něj není problém. Mě z toho jde až hlava kolem, rozhodl jsem se ho nasadit v našem redakčním systému a zdá se to být ten pravý.


16
pr0ch0r 23. 11. 2006 14:40

toti asi nejde php


17
Libor Fikr url 04. 04. 2008 17:29

Na celé čáře určitě vyhrává TinyMCE.

Přidej komentář

Web je nyní kompletně uzavřen. Od této chvíle není možné přidávat žádné komentáře!

Další informace naleznete zde.