Versions Compared

Key

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

Excerpt Include
IN:_include_wsc_proofreader_overview_tip
IN:_include_wsc_proofreader_overview_tip
nopaneltrue

This guide outlines the main steps to initialize WProofreader in WProofreader in HTML editable elements such as <input> and <textarea>, and HTML contenteditable elements HTML contenteditable elements such as <div>, <iframe> and etcothers. All the steps described in this guide are provided applicable for the Server version of WProofreader. Excerpt IncludeIN:_include_wsc_proofreader_overview_tipIN:_include_wsc_proofreader_overview_tipnopaneltrue

...

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 contenteditable content-editable elements such <div> and <iframe> and editable elements such as <input> and<textarea>.

...

.

...

2.1.

...

 Contenteditable DIV Element

...

iconfalse

...

...

Excerpt Include
IN:_include_wsc500_webspellchecker_proofreader_div
IN:_include_wsc500_webspellchecker_proofreader_div
nopaneltrue

2.2.

...

 Contenteditable IFRAME Element

...

iconfalse

...

titleExpand to see examples of WProofreader initialization in <iframe> element...

Excerpt Include
IN:_include_wsc500_webspellchecker_proofreader_iframe
IN:_include_wsc500_webspellchecker_proofreader_iframe
nopaneltrue

2.3. INPUT

...

iconfalse

...

element

...

Excerpt Include
IN:_include_wsc500_webspellchecker_proofreader_input
IN:_include_wsc500_webspellchecker_proofreader_input
nopaneltrue

2.4. TEXTAREA

...

iconfalse

...

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 needsHere is a full list of WProofreader API options and their possible values.

...

.

Info

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


...

Can be also useful: