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 HTML editable elements such as <input> and <textarea>, and 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.

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: