Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagejs
themeEmacs
<script>
    window.WEBSPELLCHECKER_CONFIG = {
        autoSearch: true,
		lang: 'auto', // enable language auto-detection option
		theme: 'gray', // adjust color theme of WProofreader to look more native to CKEditor 4
		enableAutoSearchIn: ['.cke_wysiwyg_frame'], // limit WProofreader work only to CKEditor 4. They hide the original element and create an iframe element with cke_wysiwyg_frame class.
        serviceId: 'your-service-ID' // the activation key for the Cloud-based version
   };
</script>

<script type="text/javascript" src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"></script>

...

Option B. Using the 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

4.

...

Remove old plugins

Note

Excerpt Include
IN:_include_remove_scayt_wsc_plugins_ckeditor4
IN:_include_remove_scayt_wsc_plugins_ckeditor4
nopaneltrue

...

5. Further actions

After you have initialized WProofreader in CKEditor 4, you can customize WProofreader options, its user interface, and behavior using WProofreader customization options. You . More options and methods for advanced customization are available in API docs.

You can see the demo of CKEditor 4 integration on our web sitewebsite.

Excerpt Include
IN:_include_cloud_still_have_questions
IN:_include_cloud_still_have_questions
nopaneltrue