SpellCheckAsYouType (SCAYT)

SCAYT allows the user to see and correct misspellings while typing. Misspelled words are underlined. User just needs to right-click a marked word and select a suggestion to replace the word with.

SCAYT plugin for TinyMCE 3.3.9+

Installation Guide

1. Download and install TinyMCE editor

2. Download SCAYT plug-in for TinyMCE. You can also download SCAYTContextMenu plug-in, which enables extra features for SCAYT.

3. Unpack the downloaded zip archive and copy the extracted SCAYT folder to the TinyMCE plug-ins directory
(by default: \tinymce\jscripts\tiny_mce\plugins\). Note! Folder name should be "scayt" for SCAYT plug-in and "scaytcontextmenu" for SCAYTContextMenu plug-in.

4. Edit HTML page that contains TinyMCE. Register SCAYT plug-in (see sample, line 15), and add it to TinyMCE toolbar (see sample, line 16). You can also register SCAYTContextMenu plug-in in the same way.

5. For licensed version: specify the URL to the SCAYT core library (see sample, line 25) ( for example: http://your_host/spellcheck/lf/scayt/scayt.js")

6. Check that "contextmenu" or "scaytcontextmenu" plug-in is registered also (see sample, line 15)

7. Set up SCAYT settings (see sample, lines 22-69)

8. Ignore SCAYT service styles (see sample, lines 69-72)

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="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
            tinyMCE.init({
                theme : "advanced",
                mode : "exact",
                elements : "myEditor",
                language: "en",
                // register SCAYT and ContextMenu plugins.
				// You can register SCAYTContextMenu instead of ContextMenu plug-in
				plugins : "scayt,contextmenu",
				theme_advanced_buttons1 : "code,scayt,|,bold,italic,|,cut,copy,paste",
				theme_advanced_buttons2 : "",
				theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "bottom",
                theme_advanced_resizing : true,
                // turn on/off SCAYT autostartup
                scayt_auto_startup: true,
				// set SCAYT core URL. Required only for licensed version.
				scayt_custom_url: "http://your_host/spellcheck/lf/scayt/scayt.js",
                // choose SCAYT Context Mode: "default"/"off"/"copy-paste".
				// "default" - all registered default and custom plugin's items will be shown
				// "copy-paste" - all registered items will be disabled
				//			except "Copy", "Paste" and all other plugin's items
				// "off" - all registered items will disabled except other plugin's items
				// avaliable only if SCAYTContextMenu plug-in is registered.
				scayt_context_mode: "default",
				// set up encrypted customer id. Without it SCAYT won't work
				scayt_customer_id: "your_encrypted_customer_id",
				// enable/disable "More Suggestions" menu. Possible values: "on"/"off"
				scayt_context_moresuggestions:"on",
				// customize SCAYT context menu items (Add word, Ignore , Ignore all)
				// possible values:  "off"/"all" or 
				// string with "|" delimiter and combination of 
				//					words "add", "ignore", "ignoreall", e.g. "add|ignoreall"
				scayt_context_commands:"add|ignore",
				// define order of placing SCAYT context menu items by groups.
				// It must be a string with one or more of the following
				// words separated by a pipe ("|"):
				//   'suggest'     - main suggestion word list,
				//   'moresuggest' - more suggestions word list,
				//   'control'     - SCAYT commands, such as 'Ignore' and 'Add Word'
				scayt_context_menu_items_order: "control|moresuggest|suggest",
				// set number of visible in right-mouse menu suggestions 
				// (all other suggestions will be present in submenu "More Suggestions")
				// set -1 to disable submenu
				scayt_max_suggestion: 6,
				// set up spellchecking language for SCAYT with no changes 
				// to tinyMCE interface language, default is "en_US"
				// see the list of short codes for other supported languages   
				// here http://wiki.webspellchecker.net/doku.php?id=installationandconfiguration:supportedlanguages 
				scayt_slang: "en_US",
				// allows to customize SCAYT options tags
				// possible values: string with "," delimiter and combination of "0" or "1" 
				// all 3 values are required in order of tabs following in UI:
				// options,languages,dictionary
				// default value: "1,1,1"
				scayt_ui_tabs: "1,0,1",
				// IDs of SCAYT custom dictionaries. It's a string containing dictionary ids
				// separated by commas (","). Available only for licensed version.
				// Further details at http://wiki.webspellchecker.net/doku.php?id=installationandconfiguration:customdictionaries:licensed .
				scayt_custom_dic_ids: "dic1,dic2",
				// Makes it possible to activate a custom dictionary on SCAYT. The user
				// dictionary name must be used. Available only for licensed version.
				scayt_user_dic_name: "test_dic",	
                // ignore scayt service styles
                class_filter : function(cls, rule) {
                    return cls == 'scayt-ignore' ? false : cls;
                }          
            })   
    </script>
    </head>
    <body>
        <textarea id="myEditor" name="myEditor" >
        	This is an exampl of a sentence with two mispelled words.
        </textarea>
    </body>
</html>

SpellCheckAsYouType (SCAYT)

SCAYT plugin for TinyMCE 3.3.9+

SCAYT installation guides

Plugins

Standalone

WSC installation guides

Plugins

Hidden Controls

Content editable and form controls

Other