Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Excerpt Include
IN:_include_wsc_proofreader_overview_tip
IN:_include_wsc_proofreader_overview_tip
nopaneltrue

Supported integrations

Excerpt Include
IN:_include_wsc_proofreader_autosearch_supported_integrations
IN:_include_wsc_proofreader_autosearch_supported_integrations
nopaneltrue

1. Obtain activation key

Excerpt Include
IN:_include_wsc_proofreader_cloud_subscribe_step
IN:_include_wsc_proofreader_cloud_subscribe_step
nopaneltrue

2. Initialize WProofreader

There are two

...

approaches for initializing WProofreader in your web app: using the config 

...

variable

...

 or inline data attributes

...

Below you can find a few simple examples demonstrating both approaches.

Option A. Initializing using

...

config variable

1. Add config with options

Excerpt Include
IN:_include_wsc_proofreader_cloud_initialization_autosearch
IN:_include_wsc_proofreader_cloud_initialization_autosearch
nopaneltrue

2. Add WProofreader script

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_src_url
IN:_include_cloud_webspellchecker_proofreader_src_url
nopaneltrue

...

Option B. Initializing using inline data attributes

Excerpt Include
IN:_include_wsc_proofreader_cloud_initialization_autosearch_inline_data_attributes
IN:_include_wsc_proofreader_cloud_initialization_autosearch_inline_data_attributes
nopaneltrue

Option B. Initializing using Inline Data Attributes

Here is a simple example how you can initialize WebSpellChecker Proofreader using inline data attributes.

Code Block
languagejs
themeEmacs
<script
   data-wsc-serviceid="your-service-ID"
   data-wsc-autosearch="true"
   data-wsc-lang="en_US"
   data-wsc-enableGrammar="true"
   src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js">
 </script>

3. Adjust default options

You can adjust the default options for your needs. Here is a full list of WProofreader API options and their possible values.

Info

You can check the demos of WProofreader integrations with a various rich text editors

Info

Check a demo page with WebSpellChecker Proofreader on our website.