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 a new WebSpellChecker Proofreader configure WProofreader for Editable Controls with HTML contenteditable elements such as div, textarea, iframe, etc. 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

0. Obtain Service ID

Excerpt Include
IN:_include_wsc_proofreader_cloud_subscribe_step
IN:_include_wsc_proofreader_cloud_subscribe_step
nopaneltrue

1.

...

 Add WProofreader Script

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_src_url
IN:_include_cloud_webspellchecker_proofreader_src_url
nopaneltrue

2. Initialize

...

WProofreader in HTML Editable Elements

The next step is to initialize the WSC Proofreader WProofreader functionality for chosen elements and define the required parameters. Below you will find examples of WSC Proofreader of WProofreader initialization in div, iframe, input and textarea elements.

  • Specify your encrypted service ID. The required parameter for the Cloud WSC Proofreader Cloud WProofreader service activation is serviceID. You must pass your service ID value received on the subscription to access the WSC the WProofreader services.
Code Block
languagejs
themeEmacs
serviceId: 'your-service-ID'
  • Adjust the default WSC Proofreader default WProofreader parameters. Check a full list of WebSpellChecker Proofreader WProofreader API parameters and their possible values to adjust default WSC Proofreader WProofreader settings and configure WSC Proofreader configure WProofreader to fit your needs.

2.1.

...

 Contenteditable DIV Element

Info
iconfalse


Expand
titleExpand to see examples of WSC Proofreader WProofreader initialization in contenteditable <div> element...

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_div
IN:_include_cloud_webspellchecker_proofreader_div
nopaneltrue


2.2.

...

 Contenteditable IFRAME Element

Info
iconfalse


Expand
titleExpand to see examples of WSC Proofreader WProofreader initialization in contenteditable <iframe> element...

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_iframe
IN:_include_cloud_webspellchecker_proofreader_iframe
nopaneltrue


2.3. Contenteditable INPUT Element

Info
iconfalse


Expand
titleExpand to see examples of WSC Proofreader WProofreader initialization in contenteditable <input> element...

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_input
IN:_include_cloud_webspellchecker_proofreader_input
nopaneltrue


2.4. Contenteditable TEXTAREA Element

Info
iconfalse


Expand
titleExpand to see examples of WebSpellChecker Proofreader WProofreader initialization in contenteditable <textarea> element...

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_textarea
IN:_include_cloud_webspellchecker_proofreader_textarea
nopaneltrue


...

Info

Check a demo page with WebSpellChecker Proofreader WProofreader for Editable Controls on our website.


...