WebSpellChecker (WSC)

WSC operates in a separate browser window so your work is not obstructed. Corrected text is automatically returned to the form.

Multiple WYSIWYGs Support. FCKEditor 2.6.4+

Installation Guide

1. Download and install Sproxy.

2. Specify WSC URI (See sample, line 7).

3. Define the WSC invoker:

doSpell({ctrl:sMyEditor, lang:sInitialLanguage, onClose:onCloseHandler, onCancel:onCancelHandler, onFinish:onFinishHandler}), where:

sMyEditor {String, mandatory} — Iframe instance identifier.
sInitialLanguage {String, mandatory} — Initial spell check language name. Now supported: en_US, en_GB, pt_BR, en_CA, fr_CA, fr_FR, de_DE, it_IT, el_GR, es_ES, da_DK, nl_NL, nb_NO, pt_PT, sv_SE, fi_FI.
onCloseHandler {Function, optional} — Callback function reference.
onCancelHandler {Function, optional} — Callback function reference.
onFinishHandler {Function, optional} — Callback function reference.

Before opening WSC, copy the editor content to the hidden control element. See sample, lines 14-24.

4. Copy the content from the hidden control to WYSIWYG editor after you've finished checking the content. See sample, lines 28-29

5. Invoke WSC when you want to check the spelling. See sample, lines 42, 53.

Sample

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
                        <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
                        <script type="text/javascript" src="/sproxy2/sproxy.cgi?cmd=script&doc=wsc"></script>
                        <script type="text/javascript">
                            function getControls(sId){
                                return {frame: document.getElementById(sId + "___Frame"), 
                                        input: document.getElementById(sId)}
                            }
                            function startSpellCheck(sId){
                                var oEditorControls = getControls(sId);
                                oEditorControls.input.value = 
                               				oEditorControls.frame.contentWindow.FCK.GetXHTML();
                                doSpell({
                                    ctrl:sId,
                                    lang:'en_US',
                                    onClose:onClose,
                                    onCancel:onCancel,
                                    onFinish:onFinish
                                });
                            }
                            onClose = function(mSender){}
                            onCancel = function(mSender){}
                            onFinish = function(mSender){
                                var nEditorControl = getControls(mSender.id);
                                nEditorControl.frame.contentWindow. FCK.SetHTML(nEditorControl.input.value);
                            }
                        </script>
        </head>
        <body>
            <script type="text/javascript">
                var oFCKeditor = new FCKeditor( 'myEditor1' ) ;
                oFCKeditor.BasePath = "fckeditor/";
                oFCKeditor.Height = 150 ;
        oFCKeditor.ToolbarSet = "Basic";
                oFCKeditor.Value = 'This is an exampl of a sentence with two mispelled words. ' ;
                oFCKeditor.Create();
            </script>
            <input  type="button" value="Spell Check" onclick="startSpellCheck('myEditor1');" />
            
            <script type="text/javascript">
                var oFCKeditor = new FCKeditor( 'myEditor2' ) ;
                oFCKeditor.BasePath = "fckeditor/";
                oFCKeditor.Height = 150 ;
        oFCKeditor.ToolbarSet = "Basic";
                oFCKeditor.Value = 'This is an exampl of a sentence with two mispelled words. ' ;
                oFCKeditor.Create();
            </script>
            
            <input  type="button" value="Spell Check" onclick="startSpellCheck('myEditor2');" />
        </body>
     </html>

WebSpellChecker (WSC)

Multiple WYSIWYGs Support. FCKEditor 2.6.4+

WSC installation guides

Plugins

Hidden Controls

Content editable and form controls

Other

SCAYT installation guides

Plugins

Standalone