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.

SpellCheckAsYouType (SCAYT) Text Box for editable controls

This is simple document with two editable controls

You can use contenteditable div element, like this:

This is an exampl of a sentence with two mispelled words. Just type text with misspelling to see how it works.

Or You can use contenteditable iframe element, like this:

Installation Guide

1. Please specify source path to Hosted SCAYT loader (see sample, line 14) and encrypted customerID (see sample, line 9):

src="http://svc.webspellchecker.net/scayt26/loader_ui.js"

scaytConfig = {customerid: "encrypted-customer-id"}

Please specify source path to Licensed SCAYT loader (see sample, line 17):

src="[ your host ]/spellcheck/lf/scayt/loader_ui.js"

2. Please note that "editable_doc.html" file (see sample, line 21) has been used as a simple example of iframe functionality. Please use yours for testing purposes.

3. Add attribute sc_dojoType="scayt.ui" to the div element

4. Add attribute sc_dojoType="scayt.ui" to the iframe element

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="text/html; charset=utf-8" />
		<title>SCAYT for editable controls</title>
		//Please specify your encrypted customerID
		<script type="text/javascript">
        		scaytConfig = {customerid: "encrypted-customer-id"};
				scaytConfig.customDictionaryIds = [1,2];
    		</script>
		//Path to SCAYT loader for Hosted Customers
		<script type="text/javascript"
		src="http://svc.webspellchecker.net/scayt26/loader_Textbox.js"></script>
		//Path to SCAYT loader for Licensed Customers
		<script type="text/javascript"
		src="[your_spellcheck_host]/spellcheck/lf/scayt/loader_Textbox.js"></script>
	</head>
	<body contenteditable>
		<div contenteditable sc_dojoType="scayt.ui" >
			This is an exampl of a sentence with two mispelled words.
			Just type text with misspelling to see how it works.
		</div>

		<iframe
			sc_dojoType="scayt.ui"
			src="editable_doc.html">
		

	</body>
</html>