Versions Compared

Key

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

This guide outlines the main steps to initialize WProofreader in WProofreader in HTML editable elements such as <input> and as <input> and <textarea>, and HTML contenteditable elements such as HTML contenteditable elements such as <div>, <iframe> and  and etc. All the steps described are provided for the Cloud version of WProofreader.

Excerpt Include
IN:_include_wsc_proofreader_overview_tip
IN:_include_wsc_proofreader_overview_tip
nopaneltrue

1. Obtain

...

activation key

Excerpt Include
IN:_include_wsc_proofreader_cloud_subscribe_step
IN:_include_wsc_proofreader_cloud_subscribe_step
nopaneltrue

2. Add WProofreader script

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_src_url
IN:_include_cloud_webspellchecker_proofreader_src_url
nopaneltrue

3. Initialize WProofreader

The next step is to initialize the WProofreader functionality for the selected elements and define the required parameters. Below you will find examples of initialization in contenteditable elements such <div> and <iframe> and editable elements such as <input> and<textarea>.

...

The required parameter for the Cloud WProofreader service activation is serviceId. You must pass your service ID value received on the subscription to access the WProofreader services.

Code Block
languagejs
themeEmacs
serviceId: 'your-service-ID'

...

3.1.

...

 Contenteditable DIV element

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_div
IN:_include_cloud_webspellchecker_proofreader_div
nopaneltrue

...

3.2.

...

 Contenteditable IFRAME element

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_iframe
IN:_include_cloud_webspellchecker_proofreader_iframe
nopaneltrue

...

3.3. INPUT

...

element

...

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_input
IN:_include_cloud_webspellchecker_proofreader_input
nopaneltrue

...

3.4. TEXTAREA

...

element

...

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_textarea
IN:_include_cloud_webspellchecker_proofreader_textarea
nopaneltrue

3. Add WProofreader Script

...

4. Adjust

...

default options

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

...