WebSpellChecker (WSC)

WebSpellChecker for Multiple Hidden Control Based WYSIWYGs. CKEditor 3.0+

Installation Guide

1. Download and install Sproxy.

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

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 8-13.

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

5. Invoke WSC when you want to check the spelling (see sample, line 45).

Sample

<html>
    <head>
        <script type="text/javascript" src="ckeditor/ckeditor_source.js"></script>
        <script type="text/javascript" src="/sproxy2/sproxy.cgi?cmd=script&doc=wsc"></script>
        <script type="text/javascript">
            function startSpellCheck(){
                
                // read data from CK controls as is
                var data1 =CKEDITOR.instances['editor1'].getData();
                var data2 =CKEDITOR.instances['editor2'].getData();
                // paste it into WSC working controls
                document.getElementById('editor1').value = data1;
                document.getElementById('editor2').value = data2;
                
            doSpell({
                    ctrl:['editor1','editor2'],
                    lang:'en_US',
                    onClose:onClose,
                    onCancel:onCancel,
                    onFinish:onFinish
                });
            }
            onClose = function(mSender){};
            onCancel = function(mSender){};
            onFinish = function(mSender){
                for(var i=0;i<mSender.length;i++){
                    CKEDITOR.instances[mSender[i].id].setData(mSender[i].value);
                }
            };
        </script>
    <head>
    <body>
        <textarea name="editor1" id="editor1">
        	This is an exampl of a sentence with two mispelled words.
        </textarea>
        <script type="text/javascript">
            CKEDITOR.replace( 'editor1');
        </script>
        <textarea name="editor2" id="editor2">
        	This is an exampl 2 of a sentence with two mispelled words.
        </textarea>
        <script type="text/javascript">
            CKEDITOR.replace( 'editor2');
        </script>
        <input  type="button" value="Spell Check" onclick="startSpellCheck();" />
    </body>
    </html>

WebSpellChecker (WSC)

WebSpellChecker for Multiple Hidden Control Based WYSIWYGs. CKEditor 3.0+

WSC installation guides

Plugins

Hidden Controls

Content editable and form controls

Other

SCAYT installation guides

Plugins

Standalone