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.
Good to know:
|
Before integrating and configuring the WSC plugin, CKEditor should be properly configured in your web application. If you haven't done it yet, please refer to Example CKEditor Setups on the CKEditor documentation pages.
The next step is to define necessary WSC Dialog parameters and options in the CKEditor config.js file.
CKEDITOR.config.wsc_customerId = 'encrypted-customer-ID'; |
config.wsc_lang = 'de_DE'; config.wsc_height = 800; config.wsc_width = 800; |
Check a demo page with WSC plugin for CKEditor on our website. |
The simplest way to verify operability and correct work of the WSC plugin for CKEditor 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, upon adding an encrypted customer 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. |