Page History
| Warning |
|---|
This plugin reached its end-of-life date. The last usage date for the paid customers is December 2021. Read more in our blog post. |
This guide outlines the main steps that you need to follow in order to integrate and configure the WebSpellChecker (WSC) Dialog plugin for CKEditor 4. All the described steps are provided for the Cloud version of WSC Dialog plugin for CKEditor 4.
| Tip |
|---|
Good to know:
|
1. Initialize CKEditor 4
Before integrating and configuring the WSC Dialog plugin, CKEditor 4 should be properly configured in your web application. If you haven't done it yet, please download the latest version of the CKEditor 4 standard package and refer to CKEditor Quick Start Guide.
2. Obtain WSC Dialog
...
activation key
Before the WSC Dialog integration, you are required to subscribe to trial or paid WSC version of WSC Dialog plugin for CKEditor 4 Cloud. On the subscription, you will receive a confirmation email with your subscription information and encrypted customer service ID, activation key, attached in the config.ini file. The encrypted customer ID . It is required for the service activation and futher use.
You can also download find your encrypted customer service ID from on your account page on the webspellchecker.com website. Just log in using your Customer ID and password, and Download Configuration file.
| Info |
|---|
If you already have an active subscription, skip this step and jump to the next one. |
3. Activate WSC Dialog
...
plugin
If you are using the standard package of CKEditor 4, the WSC Dialog plugin is already there which is pointed to the Free services. To accomplish migration to the trial or paid version of WSC Cloud, the wsc_customerId parameter with the encrypted customer service ID, activation key, must be added to CKEditor config.js file.
| Code Block | ||||
|---|---|---|---|---|
| ||||
config.wsc_customerId = 'encryptedyour-customerservice-ID'; |
4. Adjust
...
default settings
Define additional WSC parameters (e.g. change default language, adjust dialog size, etc.). Refer to a full list of WSC Dialog API parameters and possible values in WSC Dialog Parameters parameters for CKEditor.
| Code Block | ||||
|---|---|---|---|---|
| ||||
config.wsc_lang = 'de_DE'; config.wsc_height = 800; config.wsc_width = 800; | ||||
| Info | ||||
| Check a demo page with WSC plugin for CKEditor on our website. |
After all changes are made, it is recommended to clean your browser cache. This is a recommended step, as some of the previous settings can be saved you in your browser cache.
5. Verify
...
operability
The simplest way to verify operability and correct work of the WSC plugin for CKEditor 4 is to type any text with spelling and grammar mistake, then go to the ABC icon on the CKEditor toolbar and click Check Spelling. A new pop-up should be opened with spelling errors and grammar errors underlines in SpellChecker and Grammar tabs accordingly.
If you are migrating or configuring the Paid version of WSC Dialog for CKEditor 4, upon adding an encrypted customer a service ID (an activation key) of the paid subscription, the banner ad on the dialog should be removed.
...
Pic 3.1. The view of WSC Dialog plugin using the Free/Trial WebSpellChecker Cloud Services.
...
Pic 3.2. The view of WSC Dialog plugin using the Paid WebSpellChecker Cloud Services.
...
Can be also useful:
- WSC Dialog Parameters parameters for CKEditor
- Configuring Cloud SCAYT plugin for CKEditor
- Free vs Paid Services services for CKEditor 4
- Initializing WProofreader in CKEditor 4
...
