Page History
This guide outlines the main steps that you need to follow in order to integrate and configure WebSpellChecker Proofreader WProofreader with CKEditor 5. All the described steps are provided for the Cloud version of WebSpellChecker ProofreaderWProofreader.
Tip |
---|
Good to know:
|
...
Step 1. Obtain
...
service ID
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...
Step 2. Initialize CKEditor 5
Before integrating and configuring WSC ProofreaderWProofreader, CKEditor should be properly configured in your web application. If you haven't done it yet, please refer to to Quick Start on of the CKEditor 5 documentation pages for details.
...
Step 3. Grant
...
WProofreader access to CKEditor 5
...
instance
Adjust initialization of CKEditor 5 to grant WSC Proofreader WProofreader access to it. You need to add a link to CKEditor 5 instance object as shown on in the example below.
Code Block | ||||
---|---|---|---|---|
| ||||
<textarea name="content" id="editor">This is a sample text.</textarea> <script> ClassicEditor .create(document.querySelector('#editor')) .then(editor => { editor.element.querySelector('.ck-editor__editable').editor = editor; }) </script> |
...
Step 4. Initialize WProofreader
Now you need to enable WProofreader with the autoSearch feature. You can initialize WProofreader in your web app: using the config variable or inline data attributes.
Option A. Initializing using config variable
1. Add config with options
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
2. Add WProofreader script
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
Note |
---|
Due to certain specifics of the CKEditor 5 implementation, only proofread in a dialog mode is available. |
4. Initialize WSC Proofreader with 'autoSearch'
Option B. Initializing using inline data attributes
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
Step 5. WProofreader for CKEditor 5 in action
Check this short video to see how WProofreader works in a bundle with CKEditor 5.
Multimedia | ||||
---|---|---|---|---|
|
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|