Page History
...
This guide outlines the main steps that you need to follow for initializing WProofreader in CKEditor 4.
You can see the demo of CKEditor 4 integration on our web site.
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 CKEditor 4 Quick Start Guide.
...
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. Check a sample below or follow the steps described in the Get started with WProofreader Server (autoSearch).
Code Block | ||||
---|---|---|---|---|
| ||||
<script> window.WEBSPELLCHECKER_CONFIG = { autoSearch: true, lang: 'uk_UA','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. ... }; </script> <script type="text/javascript" src="http(s)://your_host_name/wscservice/wscbundle/wscbundle.js"></script> |
...
Option B. Using the init
...
method
When using this method, WProofreader will be started on the CKEditor 4 editor load. Excerpt Include IN:_include_initializing_wproofreader_using_init_in_ckeditor4_55x IN:_include_initializing_wproofreader_using_init_in_ckeditor4_55x nopanel true
3.
...
Specify additional server parameters
Excerpt Include IN:_include_initialize_wproofreader_additional_server_parameters_server IN:_include_initialize_wproofreader_additional_server_parameters_server nopanel true
4. Remove old plugins
Note | ||||||||
---|---|---|---|---|---|---|---|---|
|
5. Further actions
After completion of the initialization steps
...
After you have initialized WProofreader in CKEditor 4, you can customize WProofreader options, its user interface, and behavior using WProofreader customization options. More options and methods for advanced customization are available in API docs.
You can see the demo of CKEditor 4 integration on our website.
Excerpt Include IN:_include_cloud_still_have_questions IN:_include_cloud_still_have_questions nopanel true
...