Page History
...
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
...
WSC Proofreader Access to CKEditor 5 Instance
Adjust initialization of CKEditor 5 to grant WebSpellChecker 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.
...
Add WSC Proofreader 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'
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...