Page History
...
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 | ||||||
|---|---|---|---|---|---|---|
|
...
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 nopanel true
2.2.
...
Contenteditable IFRAME Element
Excerpt Include IN:_include_wsc500_webspellchecker_proofreader_iframe IN:_include_wsc500_webspellchecker_proofreader_iframe nopanel true
2.3. INPUT Element
Excerpt Include IN:_include_wsc500_webspellchecker_proofreader_input IN:_include_wsc500_webspellchecker_proofreader_input nopanel true
2.4. TEXTAREA Element
Excerpt Include IN:_include_server_wproofreader_textarea IN:_include_server_wproofreader_textarea nopanel true
...
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. |
...
