Breadcrumbs

Page History

...

Tip
Good to know: WebSpellChecker Proofreader is a standalone control based on the SpellCheckAsYouType (SCAYT) product that is used for spell and grammar checking, proofreading as you type, of single-line or multiline HTML elements and can be integrated with such editable controls as textarea and input, controls with a contenteditable attribute and iframe. To get started with the trial or paid version of WebSpellChecker Proofreader for Editable Controls, it is required to subscribe to the Cloud SCAYT services. On the subscription, you will receive an email with your encrypted customer ID, an activation key, that is required for the WebSpellChecker Proofreader service activation.

Tip

Good to know:

WebSpellChecker Proofreader is a standalone control based on the SpellCheckAsYouType (SCAYT) product that is used for spell and grammar checking, proofreading as you type, of single-line or multiline HTML elements and can be integrated with such editable controls as textarea and input, controls with a contenteditable attribute and iframe.
To get started with the trial or paid version of WebSpellChecker Proofreader for Editable Controls, it is required to subscribe to the Cloud SCAYT services. On the subscription, you will receive an email with your encrypted customer ID, an activation key, that is required for the WebSpellChecker Proofreader service activation.

1. Add WebSpellChecker Proofreader Script

Excerpt Include

	IN:_include_cloud_webspellchecker_proofreader_src_url
	IN:_include_cloud_webspellchecker_proofreader_src_url
nopanel	true

2. Initialize WebSpellChecker Proofreader in HTML Editable Elements

The next step is to initialize the WebSpellChecker Proofreader functionality for chosen elements and define the required parameters. Below you will find examples of WebSpellChecker Proofreader initialization in div, iframe, input and textarea elements.

...

Adjust the default WebSpellChecker Proofreader parameters. Check a full list of WebSpellChecker Proofreader API parameters and their possible values to adjust default WebSpellChecker Proofreader settings and configure WebSpellChecker Proofreader to fit your needs.

2.1. Contenteditable DIV Element

Info

icon	false

Expand

title	Expand to see examples of WebSpellChecker Proofreader initialization in contenteditable <div> element...

Excerpt Include

	IN:_include_cloud_webspellchecker_proofreader_div
	IN:_include_cloud_webspellchecker_proofreader_div
nopanel	true

2.2. Contenteditable IFRAME Element

Info

icon	false

Expand

title	Expand to see examples of WebSpellChecker Proofreader initialization in contenteditable <iframe> element...

Excerpt Include

	IN:_include_cloud_webspellchecker_proofreader_iframe
	IN:_include_cloud_webspellchecker_proofreader_iframe
nopanel	true

2.3. Contenteditable INPUT Element

Info

icon	false

Expand

title	Expand to see examples of WebSpellChecker Proofreader initialization in contenteditable <input> element...

Excerpt Include

	IN:_include_cloud_webspellchecker_proofreader_input
	IN:_include_cloud_webspellchecker_proofreader_input
nopanel	true

2.4. Contenteditable TEXTAREA Element

Info

icon	false

Expand

title	Expand to see examples of WebSpellChecker Proofreader initialization in contenteditable <textarea> element...

Excerpt Include

	IN:_include_cloud_webspellchecker_proofreader_textarea
	IN:_include_cloud_webspellchecker_proofreader_textarea
nopanel	true

...

Info
Check a demo page with WebSpellChecker Proofreader for Editable Controls on our website.

...

Content

Space Tools

Versions Compared

Old Version 12

New Version 13

Key

1. Add WebSpellChecker Proofreader Script

2. Initialize WebSpellChecker Proofreader in HTML Editable Elements

2.1. Contenteditable DIV Element

2.2. Contenteditable IFRAME Element

2.3. Contenteditable INPUT Element

2.4. Contenteditable TEXTAREA Element

Can be also useful: