Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This guide outlines the main steps that you need to follow in order to integrate and configure the SCAYT configure a new WebSpellChecker Proofreader for Editable Controls with HTML contenteditable elements such as div, textarea, iframe, etc. All the described steps are provided for the Cloud version of SCAYT.

Tip

Good to know:

  • SCAYT is 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 SCAYT 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 SCAYT the WebSpellChecker Proofreader service activation.

1. Add SCAYT Script

Excerpt Include
IN:_include_cloud_scayt_src_url
IN:_include_cloud_scayt_src_url
nopaneltrue

2. Initialize

...

WebSpellChecker Proofreader in HTML Editable Elements

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

  • Specify your encrypted customer service ID. The required parameter for the Cloud SCAYT service activation is customerId. You must pass your encrypted customer ID value received on the subscription to access the SCAYT services.

...

Info
iconfalse


Expand
titleExpand to see examples of SCAYT initialization in contenteditable <div> element...

Excerpt Include
IN:_include_cloud_scaytwebspellchecker_proofreader_div
IN:_include_cloud_webspellchecker_scaytproofreader_div
nopaneltrue


2.2. Contenteditable IFRAME Element

Info
iconfalse


Expand
titleExpand to see examples of SCAYT initialization in contenteditable <iframe> element...

Excerpt Include
IN:_include_cloud_webspellchecker_scaytproofreader_iframe
IN:_include_cloud_webspellchecker_scaytproofreader_iframe
nopaneltrue


2.3. Contenteditable INPUT Element

Info
iconfalse


Expand
titleExpand to see examples of SCAYT initialization in contenteditable <input> element...

Excerpt Include
IN:_include_cloud_scaytwebspellchecker_proofreader_input
IN:_include_cloud_webspellchecker_scaytproofreader_input
nopaneltrue


2.4. Contenteditable TEXTAREA Element

Info
iconfalse


Expand
titleExpand to see examples of SCAYT initialization in contenteditable <textarea> element...

Excerpt Include
IN:_include_cloud_scaytwebspellchecker_proofreader_textarea
IN:_include_cloud_webspellchecker_scaytproofreader_textarea
nopaneltrue



Info

Check a demo page with SCAYT for Editable Controls on our website.

Still Need a Help?

...

with

...

SCAYT for Editable Controls

...

on our

...

website

...

.

...


...

Can be also useful:

...