Page History
...
| Excerpt Include | ||||||
|---|---|---|---|---|---|---|
|
Step 1. Obtain Service ID
| Excerpt Include | ||||||
|---|---|---|---|---|---|---|
|
Step 2. Add WProofreader Script
| Excerpt Include | ||||||
|---|---|---|---|---|---|---|
|
Step 3. Initialize WProofreader
The next step is to initialize the WProofreader functionality for the selected elements and define the required parameters. Below you will find examples of initialization in contenteditable elements such <div> <div> and <iframe> and editable elements such as <input> <input> and<textarea>.
| Warning |
|---|
The WEBSPELLCHECKER.init () method is not designed for using with either classic rich text editors ( such as CKEditor 4, Froala Editor, TinyMCE, etc.) or rich text editors that are based on the custom model (, such as CKEditor 5, Quill, ProseMirror, etcand others.). |
- Specify your encrypted service ID. The required parameter for the Cloud WProofreader Cloud WProofreader service activation is is serviceId. You must pass your service ID value received on the subscription to access the WProofreader WProofreader services.
| Code Block | ||||
|---|---|---|---|---|
| ||||
serviceId: 'your-service-ID' |
3.1. Contenteditable DIV Element
Examples of WProofreader initialization in contenteditable <div> element:
Excerpt Include IN:_include_cloud_webspellchecker_proofreader_div IN:_include_cloud_webspellchecker_proofreader_div nopanel true
3.2. Contenteditable IFRAME Element
Examples of WProofreader initialization in contenteditable <iframe> element:
Excerpt Include IN:_include_cloud_webspellchecker_proofreader_iframe IN:_include_cloud_webspellchecker_proofreader_iframe nopanel true
3.3. INPUT Element
Examples of WProofreader initialization in <input> element:
Excerpt Include IN:_include_cloud_webspellchecker_proofreader_input IN:_include_cloud_webspellchecker_proofreader_input nopanel true
3.4. TEXTAREA Element
Examples of WProofreader initialization in <textarea> element:
...
You can adjust the default options for your needs. Here is a full list of WProofreader API options and their possible values.
| Info |
|---|
Check a demo page with the WProofreader initialization in <div> element on on our website. |
...
