Breadcrumbs

Page History

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.

Tip
Good to know: WSC Dialog is an integrated spell and grammar checking solution in 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 allows 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.

Tip

Good to know:

WSC Dialog is an integrated spell and grammar checking solution in 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 allows 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.

1. Initialize CKEditor 4

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.

2. Configure WSC Dialog Plugin

The next step is to define necessary WSC Dialog parameters and options in the CKEditor config.js file.

Specify you encrypted customer ID using the wsc_customerid parameter.

Code Block

language	js
theme	Emacs

CKEDITOR.config.wsc_customerId = 'encrypted-customer-ID';

Define additional WSC parameters (e.g. change default language, adjust dialog view, etc.).

Code Block

language	js
theme	Emacs

config.wsc_lang = 'de_DE';
config.wsc_height = 800;
config.wsc_width = 800;

Expand

title	Click here to see a full list of WSC Dialog API parameters and possible values...

Include Page

	WSC Dialog Parameters for CKEditor
	WSC Dialog Parameters for CKEditor

Info
Check a demo page with WSC plugin for CKEditor on our website.

Content

Space Tools

Versions Compared

Old Version 3

New Version 4

Key

1. Initialize CKEditor 4

2. Configure WSC Dialog Plugin

Can be also useful: