Versions Compared

Old Version 17

changes.mady.by.user Julia Shaptala

Saved on

compared with

New Version 18

changes.mady.by.user Julia Shaptala

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Add image

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:

  • WSC Dialog plugin is an integrated spell and grammar checking solution in the standard package of CKEditor 4. By default, the WSC plugin for CKEditor is pointed to the Free WebSpellChecker Cloud Services. The free version with the banner ad and limited functionality is available for free for all CKEditor customers. 
  • The paid services allow the customers to get rid of the banner ad, lift the usage limitations and get the extra functionality and languages. 
  • To get started with the trial or paid version of WSC plugin for CKEditor 4, it is required to subscribe to the Cloud WebSpellChecker services. On the subscription, you will receive an email with your encrypted customer ID, an activation key, that is required for the WSC service activation.

Image Added

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.

...

Code Block
languagejs
themeEmacs
config.wsc_customerId = 'encrypted-customer-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 for CKEditor.

Code Block
languagejs
themeEmacs
config.wsc_lang = 'de_DE';
config.wsc_height = 800;
config.wsc_width = 800;

...