Page History
This guide outlines the main steps that you need to follow in order to integrate and configure WebSpellChecker Proofreader with CKEditor 5. All the described steps are provided for the Cloud version of WebSpellChecker Proofreader.
...
Tip |
---|
Good to know:
|
1. Initialize CKEditor 5
Before integrating and configuring WebSpellChecker 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 WebSpellChecker Proofreader Access to CKEditor 5 Instance
Adjust initialization of CKEditor 5 to grant WebSpellChecker 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. Add WebSpellChecker Proofreader Script
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
4. Initialize WebSpellChecker Proofreader with 'autoSearch'
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|