Javascript rich text editor with client side spell checking

Question

I am currently investigating implementing a rich text editor with spell-checking capabilities (hopefully out-of-the-box).

I have looked at quite a few other questions regarding spell checking and most of them requires a server-based (ajax) solution (which is not very performant when implementing "check as you type").

A while back, I was working on a RichTextEditor in Flex and was able to implement squiggly which is client side checking and very fast.

I am currently considering TinyMCE and CKEditor at the moment, but couldn't find any information as to whether they can integrate hunspell dictionaries for client side checking.

Have any of you successfully integrated any client side spell checking with those 2 rich text editors? The dictionaries don't necessary have to be hunspell, but it is prefered.

Answer 1

Firefox supports hunspell dictionaries (so called AddOns). All you need to do to make it work is to use ther tinymce init parameter gecko_spellcheck: true, . For Internet explorer and other browsers you might need to use a server-based approach.

Answer 2

I have been looking at current cross browser spell checking abilities and whether they work with HTML Editors like CKEditor. I did find in the CKEditor documentation (CKEditor Docs)

that you can disable/enable the native spellchecker and that when it is enabled, you can get access to the native browser spell check menu by holding the Ctrl key down and right-clicking on the misspelled word(squiggle). FYI IE10 will soon be out and will also contain a native spell checker in the browser with support for the HTML5 spellcheck and editablecontent tags.