Page History
...
Tip |
---|
Good to know:
|
0. Obtain Service ID
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
1. Initialize CKEditor 5
Before integrating and configuring WSC Proofreader, CKEditor should be properly configured in your web application. If you haven't done it yet, please refer to Quick Start on the CKEditor 5 documentation pages.
2. Grant WSC Proofreader Access to CKEditor 5 Instance
Adjust initialization of CKEditor 5 to grant WSC Proofreader access to it. You need to add a link to CKEditor 5 instance object as shown on 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> |
3. Initialize WSC Proofreader with 'autoSearch'
Now, you need to enable WSC Proofreader with the autoSearch feature as described in the initialization step of Get Started with Cloud WebSpellChecker Proofreader (autoSearch).
4. WSC Proofreader for CKEditor 5 in Action
Check this short video to see how WSC Proofreader works in a bundle with CKEditor 5.
...