This guide outlines the main steps that you need to follow in order to integrate and configure the SCAYT plugin for CKEditor 4.0+. All the described steps are provided for the Cloud version of SCAYT.
Good to know:
|
Before integrating and configuring the SCAYT plugin, Froala Editor should be properly configured in your web application. If you haven't done it yet, please refer to the Froala Editor's Get Started instructions on the Froala Editor official website.
As soon as Froala Editor is properly set on you page, feel free to jump to this step. You need to add a script for the SCAYT plugin and define its styles as follows.
<script src='https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.7.6/js/third_party/spell_checker.min.js'></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.7.6/css/third_party/spell_checker.min.css" type="text/css" /> |
The next step is to create a Froala Editor instance and define necessary SCAYT parameters and options.
$('#editor1').froalaEditor({ scaytAutoload: true, scaytCustomerId: 'encryped_customer_ID', pluginsEnabled: ['spellChecker'], toolbarButtons: ['bold', 'italic', 'spellChecker', '|', 'undo', 'redo'], toolbarButtonsMD: null, toolbarButtonsSM: null, toolbarButtonsXS: null, scaytOptions: { enableOnTouchDevices: false, enableGrayt: true; localization:'en', extraModules: 'ui', spellcheckLang: 'en_US', contextMenuSections: 'suggest|moresuggest', contextMenuForMisspelledOnly: true } }); |
You have also an option to define additional SCAYT parameters and change the default values (e.g. change default spell checking language, etc.).
If you are still experience some difficulties with configuring SCAYT plugin for CKEditor, please check our training video on our official YouTube channel. It will guide you through all configurations steps and demonstrate how to enable a comprehensive spell and grammar checking tool in CKEditor.