Page History
This guide outlines the main steps that you need to follow in order to integrate and configure a new WebSpellChecker Proofreader configure WProofreader 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 ProofreaderWProofreader.
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
0. Obtain Service ID
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
1.
...
Add WProofreader Script
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
2. Initialize
...
WProofreader in HTML Editable Elements
The next step is to initialize the WSC Proofreader WProofreader functionality for chosen elements and define the required parameters. Below you will find examples of WSC Proofreader of WProofreader initialization in div, iframe, input and textarea elements.
- Specify your encrypted service ID. The required parameter for the Cloud WSC Proofreader Cloud WProofreader service activation is serviceID. You must pass your service ID value received on the subscription to access the WSC the WProofreader services.
Code Block | ||||
---|---|---|---|---|
| ||||
serviceId: 'your-service-ID' |
- Adjust the default WSC Proofreader default WProofreader parameters. Check a full list of WebSpellChecker Proofreader WProofreader API parameters and their possible values to adjust default WSC Proofreader WProofreader settings and configure WSC Proofreader configure WProofreader 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 WProofreader for Editable Controls on our website. |
...