Page History
Excerpt Include IN:_include_wsc_proofreader_overview_tip IN:_include_wsc_proofreader_overview_tip nopanel true
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. |