WebSpellChecker

WebSpellChecker for Hidden Control Based WYSIWYG

Installation Guide

1. Download and install Sproxy.

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

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, dk, uk, nl, fr, no, el, ge, pt, it, sp, br, se.
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 11-23.

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

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

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="/lib/wysiwyg/fckeditor263/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(){
		            var oEditorControls = getControls('myEditor1');
		            oEditorControls.input.value = oEditorControls.frame.contentWindow.FCK.GetXHTML();
		            var oEditorControls = getControls('myEditor2');
		            oEditorControls.input.value = oEditorControls.frame.contentWindow.FCK.GetXHTML();
		            doSpell({
		                ctrl:['myEditor1','myEditor2'],
		                lang:'en',
		                onClose:onClose,
		                onCancel:onCancel,
		                onFinish:onFinish
		            });
		        }
		        onClose = function(mSender){}
		        onCancel = function(mSender){}
		        onFinish = function(mSender){
		            for(var i=0;i<mSender.length;i++){
		                var nEditorControl = getControls(mSender[i].id);
		                nEditorControl.frame.contentWindow.FCK.SetHTML (nEditorControl.input.value);
		            }
		        }
        </script>
        
        </head>
        <body>
            <script type="text/javascript">
                //
            </script>
            <input  type="button" value="Spell Check" onclick="startSpellCheck();" />
        </body>
     </html>

<!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="text/html; charset=utf-8" />
    <title>WebSpellChecker for hidden control based WYSIWYG</title>
    <script type="text/javascript" 
	   src="editors/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(){
            var oEditorControls = getControls('myEditor');
            oEditorControls.input.value = 
	   oEditorControls.frame.contentWindow.FCK.GetXHTML();
            doSpell({
                ctrl:'myEditor',
                lang:'en',
                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( 'myEditor' ) ;
        oFCKeditor.BasePath = "editors/FCKeditor/";
        oFCKeditor.Height = 300 ;
        oFCKeditor.Width = 700 ;
        oFCKeditor.Value = 'This is an exampl of a sentence
	                   with two mispelled words.' ;
        oFCKeditor.Create();
        //-->
    </script>
    <input type="button" value="Spell Check" onclick="startSpellCheck()"/>
</body>
</html>

SpellCheckAsYouType

Plug-ins

WebSpellChecker

WebSpellChecker for Hidden Control Based WYSIWYG

WSC Samples

WSC as a Plugin

WSC Demos

SpellCheckAsYouType