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 Server 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.
1. Add WebSpellChecker Proofreader Script
Add the WProofreader script to your web page using the following 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.
- 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.
In order to configure secure SSL connection between your application and AppServer, it is also required to perform the additional steps as described on the Setup SSL Connection with AppServer page.
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.