Tuesday, August 26, 2008

Web|Comparative table of WYSIWYG web editors

Comparative table of WYSIWYG web editors

This table is underdefinition right now. Extend it with any attribute you also think that need to be reviewed.

Former comparatives found in the net:

Editors compared:

Those are the editors that were evaluated:

Name Demo License KB Rated Reviewer Comment
FCKeditor here GPL ?? ?? Xavi Real good editor. It's very easy to upload pics. Cannot attach videos.
Trogodor ...? GPL? ?? ?? Xavi It seems to be in development. No clues about an existing web editor
Dobrado You need to log in GPL ?? ?? Xavi It is exactly like FCK Editor. I found that maybe, it is a little bit more difficult to upload pictures than the FCK: doesn't show any option to upload from your hard drive, just url's.
TinyMCE here LGPL? ?? ?? Rocio Hay implementados diferentes skin, por lo tanto ya nos serviria para tener una idea básica de como podria ser una interficie para niños pequeños y otra para no tan pequeños.
Dojo RichTextEditor here LGPL? ?? ?? Rocio

El hecho de que se pueda modificar solo con ponerte encima hace que su uso sea mucho más sencillo de cara a los niños de temprana edad

Spaw here LGPL? ?? ?? Rocio

Es un editor simple, con el cual se pueden realizar las funciones básicas de un editor de texto

TinyFCK here LGPL? ?? ?? ?? TinyMCE + Free Upload plugin.
openWYSIWYG You need to download the product GPL? ?? ?? Xavi Too much simple.
Xinha
BSD


.
Fill with the rest... visit "Status of the art" to find more web editors.

Let's review the different categories.

Comparative by categories:

Font Formating:

  • BFF: Basic Font Edition means support for Bold, Italic, Underline, Strike, Sub and Super.
  • FSS: Font Size Selector.
  • FSP: Font Size Preview (at Selector).
  • FFTS: Font Family Type.
  • FFTP: Font Family Type Preview (at Selector).
  • FFS: Font Format Selector for some basic html tags (hx, div, pre, adress).
  • FFP: Font Format Preview for some basic html tags (hx, div, pre, adress) at Selector.
  • FFC: Font Foreground Color (with eyedropper).
  • FBC: Font Background Color (with eyedropper).
Name BFF FSS FSP FFTS FFTP FFS FFP FFC FBC
FCKeditor Y Y Y Y. Just 6 Y N N Y Y
TinyMCE Y Y N Y N Y N Y Y
Dojo RichTextEditor Y N N Y N N N Y Y
Spaw Y Y N Y N N N Y Y
WYSIWYG Y. Not Strike Y Y Y Y N N Y Y

Cascade Style Sheets Support:

  • CSS: CSS Style Selector.
  • CSP: CSS Style Preview (at selector).
  • WCA: Web CSS Applied.
  • OCA: Own CSS Applied.
  • ECA: Extra CSS Applied.
Name CSS CSP WCA OCA ECA
FCKeditor Y. Just 5 Y Y N N
TinyMCE Y N Y N N
Dojo RichTextEditor N N Y N N
Spaw N N N N N
WYSIWYG N N N N N

Paragraph Actions:

  • TA: Text Aligment (left, right, center, justify).
  • BL: Bullet List.
  • NL: Numeric List.
  • ID: Identation.
  • OD: Outdentation.
Name TA BL NL ID OD
FCKeditor Y Y Y ? ?
TinyMCE Y Y Y Y Y
Dojo RichTextEditor Y Y Y Y Y
Spaw Y Y Y Y Y
WYSIWYG Y Y Y ? ?

Text Operations:

  • SE: Search (button and "Ctrl+F" shortcut).
  • SR: Search and Replace (button and "Ctrl+V" shortcut).
Name SE SR
FCKeditor Y Y
TinyMCE Y Y
Dojo RichTextEditor N N
Spaw N N
WYSIWYG N N

Edition Actions:

  • UD: Undo (button and "Ctrl+Z" shortcut). Unlimited?
  • RD: Redo (button and "Ctrl+Y" shortcut). Unlimited?
  • CO: Copying (button and "Ctrl+C" shortcut).
  • CU: Cutting (button and "Ctrl+X" shortcut).
  • PA: Pasting (button and "Ctrl+V" shortcut).
  • PP: Paste as Plain Text (losing any copied style).
  • PW: Paste from Word (clean word mess). How effective is it?
  • PWA: Paste from Word Autodetection.
Name UD RD CO CU PA PP PW PWA
FCKeditor Y Y Y Y Y Y Y. You can choose if you want to keep the "Word style" N
TinyMCE Y. Se puede hasta llegar a la versión guardada Y Y Y Y Y Y N
Dojo RichTextEditor N N N. No hay un boton directo pero si haces CTRL+C funciona, es por eso que en el caso de los niños se podria considerar que le manca esta funcionalidad, lo mismo pasa con el pegar y cortar N N N N N
Spaw Y Y N. No hay un boton directo pero si haces CTRL+C funciona, es por eso que en el caso de los niños se podria considerar que le manca esta funcionalidad, lo mismo pasa con el pegar y cortar N N N N N
WYSIWYG Y Y Y Y Y N N N

Links and Anchors:

  • IL: Insert Link.
  • AIL: Advanced Insert Link as a popup requesting some info about the link (protocol, target...)
  • AA: Add Anchor to be linked.
  • LA: Easy interface to Link Anchor.
Name IL AIL AA LA
FCKeditor Y Y Y Y
TinyMCE Y Y Y Y
Dojo RichTextEditor Y N N N
Spaw Y N Y N
WYSIWYG Y N N N

File Upload:

  • GFU: General File Upload to send any kind of file to the server .
  • FTF: File Type Filtering (for instance, avoid php files).
  • FUC: File User's cuota.
  • GFSB: General File Server Browsing and Insertion (instead of simple linking an url).
  • IFSB: Image File Server Browsing and Insertion
  • VFSB: Video File Server Browsing and Insertion
  • MSB: Music File Server Browsing and Insertion
  • FSB: Flash File Server Browsing and Insertion
Name GFU FTF FUC GFSB IFSB VFSB MSB FSB
FCKeditor N N N ? Y N N Y
TinyMCE Y ? ? Y Y Y Y Y
Dojo RichTextEditor N ? ? N Y N N N
Spaw N ? ? N Y N N N
WYSIWYG N N N N N N N N

Media inclussion (just linking an url):

  • GFI: General File Insertion.
  • IFI: Image File Insertion.
  • VFI: Video File Insertion.
  • MFI: Music File Insertion.
  • FFI: Flash File Insertion.
Name GFI IFI VFI MFI FFI
FCKeditor N Y N N Y
TinyMCE Y Y Y Y Y
Dojo RichTextEditor N Y N N N
Spaw N Y N N N
WYSIWYG N Y N N N

Table and cell Operations:

  • TI: Table Insertion.
  • TS: Table Size.
  • TE: Table Edition (add, delete rows and/or columns).
  • CE: Cell Edition (size, colors, aligments)
Name TI TS TE CE
FCKeditor Y Y Y Y
TinyMCE Y Y Y Y
Dojo RichTextEditor N N N N
Spaw Y Y Y Y
WYSIWYG Y Y N Y |

Web elements

  • FFI: Form Fields Insertion.
  • HL: Horizontal Lines (HR).
Name FFI HL
FCKeditor Y Y
TinyMCE N Y
Dojo RichTextEditor N N
Spaw N Y
WYSIWYG N N

Usability and other tools for easiness:

  • ESH: Editor Show/Hide.
  • FSM: Full Size Mode
  • PV: Preview.
  • PR: Printing.
  • DD: Drag&Drop for images, blocks of text, tables and every html element.
  • TI: Template Include (see fck).
  • VS: View Source
  • DCE: Double click to Edit.
  • EOP: Edit On Place. After an "edit mode" activation, you edit the code in the same place it's shown.
  • AS: AutoSave? (every n minutes).
  • IEI: Insert Emoticons.
  • ICC: Insert custom Character.
  • RCM: Rightclick Context Menu (see fck).
  • SHC: Show Hidden Chars.
  • EZR: Edition Zone Resize.
  • UK: Universal Keyboard (see fck)
Name ESH FSM PV PR DD TI VS DCE EOP AS IEI ICC RCM SHC EZR UK
FCKeditor Y Y Y Y Y Y Y ? ? Y Y Y ? ? Y
TinyMCE Y Y Y Y

Y N
N Y Y

? ?
Dojo RichTextEditor N N N N N N N Y N N N N N N ? ?
Spaw N N N N N N N N ? N N N N N N N
WYSIWYG N N N N N N Y N N N N N N N N N

Localization

  • MLS: Multi Language Support.
  • ITE: Interface Translated to English.
  • ITS: Interface Translated to Spanish.
  • ITC: Interface Translated to Catalan.
  • SCE: SpellChecker? (English).
  • SCS: SpellChecker? (Spanish).
  • SCC: SpellChecker? (Catalan).
  • ALD: Automatic user Language Detection (including Right to Left scripting)
Name MLS ITE ITS ITC SCE SCS SCC ALD
TinyMCE Y N N N N N N Y
Dojo RichTextEditor N N N N N N N N
Spaw N N N N N N N N
WYSIWYG N Y N N N N N N

AJAX:

  • BL: Background loading of elements.
  • SAS: "Silent" Auto Save.
  • II: Improved interface with blur... effects.
Name BL SAS II
TinyMCE Y N Y
Dojo RichTextEditor Y N Y
Spaw Y N Y
WYSIWYG ? N ?

Miscelania:

  • IT: Insert Time
  • ID: Insert Date
Name IT ID
TinyMCE Y Y
Dojo RichTextEditor N N
Spaw N N
WYSIWYG N N

Technical information

Browser Compatibility:

  • IE5: Internet Explorer 5.5+
  • IE6: Internet Explorer 6.0+
  • IE7: Internet Explorer 7+
  • FF10: Firefox 1.0+
  • FF15: Firefox 1.5+
  • SAF: Safari.
  • OP6: Opera 6.0+
Name IE5 IE6 IE7 FF10 FF15 SAF OP6
TinyMCE Y Y Y Y Y ? ?

Output generated:

  • HTML: HTML 4.0 standard.
  • XHTML: XHTML 1.0 standard.
  • WIKI: WIKI syntax code.

Adaptability:

  • SK: Skinable.
  • TC: Toolbar Customization.
  • BC: Button Customization.

Server Side Compatiblity Details:

  • ILL: Integrated with... Languages List (for instance: PHP, JSP, ASP...)
  • SC: Script Compression (see tinyMCE).

Avaliable Plugins

  • LAP: List of Avaliable Plugins (for instance: UploadPlugin?, SpellChecker? ...)
Name LAP
TinyMCE Y

Final questions

  • Easy to integrate in Moodle?

HTMLArea (not reviewed in this comparative) is the web editor included by default in moodle, so no installation/integration will be needed. Any case the existing HTMLArea delivered with moodle is quite outdated, so if we need to spend time to fix, now days, other products look more appropriate.

Former efforts where done in moodle to integrate TinyMCE so moodle includes a tinyMCE release quite ready to use. We tested it and is buggy (specially on IE7), but we expect it could be fixed updating the tinyMCE to it's last version.

  • Easy to use?

FCKeditor --> Very easy. The interface is so similar (I'd say exactly) with other microsoft software interfaces.

Spaw --> El uso es muy sencillo puesto que es el mismo formato que el Word, pero desde mi punto de vista es demasiado simple para cierto rango de edad y a su vez complicado para niños de temprana edad.

  • Quality of the Documentation avaliable for the editor?

FCKeditor We can find the documentation here Spaw No he encontrado grandes cosas sobre este editor

  • Quality of the Documentation avaliable to develop plugins?
  • Community Activity (evaluate: forums, last release, dissemination...)?

No comments: