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.
There are two options how you can initialize WebSpellChecker Proofreader in your web app:
- Using variable config
- Using inline data attributes
Below you can find a few simple examples demonstrating both approaches.
Option A. Initializing using Variable Config
1. Add WebSpellChecker Proofreader Script
Add the wscbundle.js script on your web page.<script type="text/javascript" src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"></script>
2. Initialize WebSpellChecker Proofreader with 'autoSearch'
Define the required configuration options in WEBSPELLCHECKER_CONFIG. Required options for the WProofreader Cloud: This is an example of the defining WEBSPELLCHECKER_CONFIG in a separate script directly on a web page. Alternatively, you can create a *.js file (e.g. wscbundle_config.js) with WEBSPELLCHECKER_CONFIG on your end and then load it from the file on your web page as shown in example below. This is an example of the wscbundle_config.js file with WEBSPELLCHECKER_CONFIG. Here is an example of the script that you need to add on your web page with the path to wscbundle_config.js.<script>
window.WEBSPELLCHECKER_CONFIG = {
autoSearch: true,
lang: 'auto', // set the default language
serviceId: 'your-service-ID' // the activation key for the Cloud-based version
};
</script>
window.WEBSPELLCHECKER_CONFIG = {
autoSearch: true,
lang: 'en_US',
serviceId: 'your-service-ID'
};
<script type="text/javascript" src="[path_to_config]/wscbundle_config.js"></script>
Option B. Initializing using Inline Data Attributes
Here is a simple example how you can initialize WebSpellChecker Proofreader using inline data attributes.
<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>
Check a demo page with WebSpellChecker Proofreader on our website.