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 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 Include
...
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 contenteditable content-editable elements such <div> and <iframe> and editable elements such as <input> and<textarea>.
...
...
The WEBSPELLCHECKER.init () method is not designed for using with either classic rich text editors (such as CKEditor 4, Froala Editor, TinyMCE, etc.) or rich text editors that are based on the custom model (such as CKEditor 5, Quill, ProseMirror, etc.).
2.1.
...
| icon | false |
|---|
...
Contenteditable DIV Element
Excerpt Include IN:_include_wsc500_webspellchecker_proofreader_div IN:_include_wsc500_webspellchecker_proofreader_div nopanel true
2.2.
...
Contenteditable IFRAME Element
...
...
| icon | false |
|---|
...
| title | Expand to see examples of WProofreader initialization in <iframe> element... |
|---|
Excerpt Include IN:_include_wsc500_webspellchecker_proofreader_iframe IN:_include_wsc500_webspellchecker_proofreader_iframe nopanel true
2.3. INPUT
...
| icon | false |
|---|
...
element
...
Excerpt Include IN:_include_wsc500_webspellchecker_proofreader_input IN:_include_wsc500_webspellchecker_proofreader_input nopanel true
2.4. TEXTAREA
...
| icon | false |
|---|
...
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.
| Note |
|---|
To configure the secure SSL connection between your application and AppServer, follow the steps described on the Enabling SSL Connection with AppServer page. |
| 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. |
...
