Page History
...
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...
0. Obtain Service ID
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
1. Initialize WSC Proofreader with 'autoSearch'
There are two approaches for initializing WSC Proofreader in your web app:
...
using the variable config
...
or inline data attributes
...
Below you can find a few simple examples demonstrating both approaches.
Option A. Initializing using
...
Variable Config
1.
...
Set Service Path
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
2.
...
Define Configuration of Proofreader with 'autoSearch'
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
Option B. Initializing using Inline Data Attributes
Here is a simple example how you can initialize WebSpellChecker In general, the initialization of WSC Proofreader using inline data attributes.attributes is a good option if you want to have a single script with the base options.
Code Block | ||||
---|---|---|---|---|
| ||||
<script data-wsc-serviceid="your-service-ID" data-wsc-autosearch="true" data-wsc-lang="en_US" data-wsc-enableGrammar="true" src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"> </script> |
In order to define an additional option as an inline data attribute, use 'date-wsc-option_name', e.g. 'data-wsc-lang'. You can find the full list of options available here.
Note |
---|
There is a limitation which must be taken into account when using inline data attributes for the WSC Proofreader options. As for now, only options which have boolean or string types can be used as data attributes. The options with array or number type are not supported (e.g. actionItems, suggestionsCount, moreSuggestionsCount). |
Info |
---|
Check a demo page with WebSpellChecker Proofreader on our website. |
...