This guide outlines the main steps that you need to follow in order to integrate and 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 WebSpellChecker Proofreader.

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

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.

serviceId: 'your-service-ID'

2.1. Contenteditable DIV Element



2.2. Contenteditable IFRAME Element



2.3. Contenteditable INPUT Element



2.4. Contenteditable TEXTAREA Element




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