Versions Compared

Key

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

...

This guide outlines the main steps to initialize WProofreader in HTML editable elements such as <input> and <textarea>, and HTML contenteditable elements HTML contenteditable elements such as <div>, <iframe> and others. 

...

 All the steps described in this guide are applicable for the Server version of WProofreader.

...

1. Add WProofreader

...

script

Excerpt Include
IN:_include_server_wproofreader_src_url
IN:_include_server_wproofreader_src_url
nopaneltrue

...

2. Initialize WProofreader

Initialize the WProofreader functionality for the selected elements and define the required parameters. Below you will find examples of initialization in content-editable elements such <div> and <iframe> and editable elements such as <input> and<textarea>.

...

.

...

2.1.

...

 Contenteditable DIV Element

Excerpt Include
IN:_include_wsc500_webspellchecker_proofreader_div
IN:_include_wsc500_webspellchecker_proofreader_div
nopaneltrue

2.2.

...

 Contenteditable IFRAME Element

Excerpt Include
IN:_include_wsc500_webspellchecker_proofreader_iframe
IN:_include_wsc500_webspellchecker_proofreader_iframe
nopaneltrue

2.3. INPUT

...

element

Excerpt Include
IN:_include_wsc500_webspellchecker_proofreader_input
IN:_include_wsc500_webspellchecker_proofreader_input
nopaneltrue

2.4. TEXTAREA

...

element

Excerpt Include
IN:_include_server_wproofreader_textarea
IN:_include_server_wproofreader_textarea
nopaneltrue

...

3. Adjust

...

default options

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

...

To configure the secure SSL connection between your application and AppServer, follow the steps described in Enabling SSL Connection with AppServer guide.

Info

To see the result of initializing WProofreader in HTML editable elements, see a demo page with the WProofreader initialization in <div> element on our website.


...

Can be also useful:

...