SpellCheckAsYouType (SCAYT)

Info

SCAYT 3 for Editable Controls is a standalone control that is used for spell and grammar checking of single-line or multiline HTML elements and can be integrated with such editable controls as textarea and input, controls with a contenteditable attribute and iframe.

As it does not affect the functionality of your application or website, one of the most popular ways of using SCAYT 3 for Editable Controls is integrating it with any system where spelling and grammar check functionality are required, e.g. website forms, Customer relationship management (CRM) systems, Content management systems (CMS), etc.

SpellCheckAsYouType (SCAYT) 3 for Editable Controls

SpellCheckAsYouType (SCAYT)

New version of SCAYT 3 for Editable Controls includes the following major features and enhancements:

  • English Grammar checking functionality
  • New modern User Interface
  • Advanced User Dictionary management
  • Supported controls: textarea, input, iframe, div, span
  • Extended and documented API
  • Supported browsers: Chrome, Firefox, Safari, Internet Explorer 11+, MS EDGE
  • Enhanced text-editing: Drag and Drop, Undo and Redo commands, Keyboard Shortcuts
  • Section 508 and WCAG 2.0 compliant

Check SCAYT for Editable Controls User Manual to find out how it works in details.

To integrate and configure the SCAYT for Editable Controls with HTML contenteditable elements such as div, textarea, iframe etc. follow the instructions here.

Moreover, you can watch the video "How to Configure SpellCheckAsYouType for Editable Controls" to find out how to integrate SCAYT into your web app with div, textarea, iframe elements.

SCAYT initialization (imperative notation)

With the imperative notation, SCAYT component is initialized in JavaScript code.

This is Textarea:
This is Div:
This sampl text is aimed at demonstrating the work of SCAYT in a plain textarea element. SCAYT will find all your speling and grammar mistakes as you type and suggest how to correct them. Type your text here or use this one too see an few of of the problems that SCAYT will recognized. click the underlined words and phras to see the suggestion options for correction.
This is Iframe:

SCAYT initialization (declarative notation)

With the declarative notation, the SCAYT component is declared as a data-scayt-optionName attribute directly in a certain editable element for which SCAYT will be initialized (E.g. data-scayt-autocreate, data-scayt-spellcheckLang="en_US").

This is Textarea:
This is Div:
This sampl text is aimed at demonstrating the work of SCAYT in a plain textarea element. SCAYT will find all your speling and grammar mistakes as you type and suggest how to correct them. Type your text here or use this one too see an few of of the problems that SCAYT will recognized. click the underlined words and phras to see the suggestion options for correction.
This is Iframe: