Page History
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 SCAYT.
Tip |
---|
Good to know:
|
1. Add WebSpellChecker Proofreader Script
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
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.
- Specify your service ID. The required parameter for the Cloud WebSpellChecker Proofreader service activation is serviceID. You must pass your service ID value received on the subscription to access the WebSpellChecker Proofreader services.
Code Block | ||||
---|---|---|---|---|
| ||||
serviceId: 'encrypted-service-ID' |
- 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 | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
|
2.2. Contenteditable IFRAME Element
Info | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
|
2.3. Contenteditable INPUT Element
Info | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
|
2.4. Contenteditable TEXTAREA Element
Info | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
|
Info |
---|
Check a demo page with WebSpellChecker Proofreader for Editable Controls on our website. |