Page History
Excerpt Include IN:_include_wsc_proofreader_overview_tip IN:_include_wsc_proofreader_overview_tip nopanel true
This guide outlines the main steps that you need to follow for initializing WProofreader in CKEditor 4.
1. Obtain service ID
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
2. 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 CKEditor 4 Quick Start Guide.
3. Initialize WProofreader
Choose one of the options below how to enable spelling and grammar checking functionality of WProofreader in CKEditor 4.
Option A. Using autoSearch
When using this method, you need a CONFIG and a wscbundle.js script. After setting up the autoSearch, WProofreader will be enabled as soon as the editable container with CKEditor is in focus. Follow the steps described in the Get Started with WProofreader Cloud (autoSearch) or below.
Code Block | ||||
---|---|---|---|---|
| ||||
<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 serviceId: 'your-service-ID' }; </script> <script type="text/javascript" src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"></script> |
Include Page IN:_include_wproofreader_autosearch_ckeditor4_class IN:_include_wproofreader_autosearch_ckeditor4_class
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 nopanel true
4. Activate service
Excerpt Include IN:_include_initializing_plugins_activate_service_cloud IN:_include_initializing_plugins_activate_service_cloud nopanel true
5. Remove old plugins
Note | ||||||||
---|---|---|---|---|---|---|---|---|
|
6. 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 can see the demo of CKEditor 4 integration on our web site.
Excerpt Include IN:_include_cloud_still_have_questions IN:_include_cloud_still_have_questions nopanel true