3rd Party Integration

SCAYT Web SpellChecker

Froala WYSIWYG HTML Editor has built-in integration for WebSpellChecker.net which enables advanced spell checking. SpellCheckAsYouType allows the user to see and correct misspellings while typing. Misspelled words are underlined. The user just needs to right-click a marked word and select a suggestion to replace the word with.

To integrate and activate the SCAYT functionality on your website there are several steps to follow.

  1. Go to WebSpellChecker.net website and Subscribe to the Cloud SCAYT services.
  2. On the subscription, you will receive an activation key that you need to specify in the SCAYT configuration.
  3. Pass scaytCustomerId as an option when initializing the editor. It should be a long identifier like: "1:ut12s1-7rr3J1-Fhioh12-mIewo-FJIjo12-BVUB21-uEXCy2-asdpjko1-gXuG4-NUNri4-5q9A52-Pf".

This is an exampl of a sentence with two mispelled words. Just type text with misspelling to see how it works.


HTML

<div id="froala-editor">
  <p>This is an exampl of a sentence with two mispelled words. Just type text with misspelling to see how it works.</p>
</div>

JAVASCRIPT

  <script>
  $(function() {
    $('div#froala-editor').froalaEditor({
      scaytAutoload: true,
      scaytCustomerId: '1:long-identifier-received-from-webspellchecker-after-subscribing-to-scayt',
      pluginsEnabled: ['spellChecker'],
      toolbarButtons: ['bold', 'italic', 'spellChecker', '|', 'undo', 'redo'],
      toolbarButtonsMD: null,
      toolbarButtonsSM: null,
      toolbarButtonsXS: null
    });
  });
</script>