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.
Good to know:
|
Sign up for the trial or paid version here to get started with Cloud WebSpellChecker Proofreader. On the subscription, you will receive an email with your service ID, an activation key, that is required for the WebSpellChecker Proofreader service activation.
If you already have one, please skip this step. |
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.
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.
<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> |
Due to certain specifics of the CKEditor 5 implementation, only proofread in a dialog mode is available. |