This guide outlines the main steps that you need to follow in order to integrate and configure WebSpellChecker Proofreader with a new auto-searching functionality. All the described steps are provided for the Cloud version of WebSpellChecker Proofreader.

Supported Integrations

Here is list of most common uses cases of the WSC Proofreader integration in your web app:

• HTML editable controls such as <input> or <textarea> and elements with contenteditable attribute set to ‘true’ e.g. <div>, <iframe>;
• Modern WYSIWYG editors such as CKEditor 4, CKEditor 5, TinyMCE, Froala Editor, Kendo UI, Quill, Redactor, Summernote, ProseMirror, Scribe, Trix, etc.

The autoSearch feature will take care of detecting new editable fields on the page and enabling proofreading in them automatically on focus. There are no additional actions or plugins requires for enabling WSC Proofreader in a specific WYSIWYG editor or HTML editable control. A single configuration applies to almost all editors and controls.

0. Obtain Service ID

1. Initialize WSC Proofreader with 'autoSearch'

There are two approaches for initializing WSC Proofreader in your web app: using the variable config or inline data attributes.

Option A. Initializing using Variable Config

1. Set Service Path

2. Define Configuration of Proofreader with 'autoSearch'

Option B. Initializing using Inline Data Attributes