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 WSC Proofreader WProofreader in your web app: using the the config variable config or inline data attributes.

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

In general, the initialization of WSC Proofreader using inline attributes is a good option if you want to have a single script with the base options. 

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>

In order to define an additional option as an inline data attribute, use 'date-wsc-option_name', e.g. 'data-wsc-lang'. You can find the full list of options available here.

Note

There is a limitation which must be taken into account when using inline data attributes for the WSC Proofreader options. As for now, only options which have boolean or string types can be used as data attributes. The options with array or number type are not supported (e.g. actionItems, suggestionsCount, moreSuggestionsCount).

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.