Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Added a link to CKEditor 4 documentation. Adjusted the layout and formatting.

...

This guide outlines the main steps that you need to follow for initializing CKEditor 4 with WProofreader. 

...

1. Initialize CKEditor 4

Before integrating and configuring WProofreader, make sure CKEditor 4 is properly configured in your web application. To initialize CKEditor 4, follow the steps described in the  CKEditor 4 Quick Start Guide.

...

2. Initialize WProofreader

Choose one of the options below how to enable spelling and grammar checking functionality of WProofreader in CKEditor 4:

Using autoSearch

When using this method, you need a CONFIG and a wscbundle.js script.

Code Block
languagejs
themeEmacs
<script>
    window.WEBSPELLCHECKER_CONFIG = {
		autoSearch:true,
		lang: 'uk_UA',
		...
	};
</script>

<script type="text/javascript" src="http(s)://your_host_name/wscservice/wscbundle/wscbundle.js"></script>

After setting up the autoSearch, WProofreader will be enabled as soon as the editable container with CKEditor is in focus.

Using init() method

When using this method, WProofreader will be started on the CKEditor 4 load.

Excerpt Include
IN:_include_initializing_wproofreader_using_init_in_ckeditor4_55x
IN:_include_initializing_wproofreader_using_init_in_ckeditor4_55x
nopaneltrue

...

...

3. Further Actions

After you have initialized WProofreader in CKEditor 4, you can customize WProofreader options, its user interface, and behavior.

...