Page History
...
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).Excerpt Include
| 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
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> | ||||
| Tip | ||||
To limit WProofreader work only to CKEditor 4, you can use the enableAutoSearchIn option where you need to indicate the class of CKEditor 4. They hide the original element and create an iframe element with cke_wysiwyg_frame class: <iframe class="cke_wysiwyg_frame"></iframe>. Code Block | | |||
|
Option B. Using the init method
...
| Note | ||||||||
|---|---|---|---|---|---|---|---|---|
|
5. Further actions
After you have initialized WProofreader in CKEditor 4completion of the initialization steps, 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 web sitewebsite.
Excerpt Include IN:_include_cloud_still_have_questions IN:_include_cloud_still_have_questions nopanel true
...
Can also be
...
useful:
...
