Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Minor fixes.

This guide outlines the main steps to initialize WProofreader in WProofreader in HTML editable elements such as <input> and <textarea>, and HTML contenteditable elements such as <div>, <iframe> and etc. All the steps described here are provided applicable for the Server version of WProofreader.

Excerpt Include
IN:_include_wsc_proofreader_overview_tip
IN:_include_wsc_proofreader_overview_tip
nopaneltrue

Step 1. Add WProofreader Script

Excerpt Include
IN:_include_server_wproofreader_src_url
IN:_include_server_wproofreader_src_url
nopaneltrue

Step 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>.

Warning

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.).

...

Info
iconfalse


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

Excerpt Include
IN:_include_server_wproofreader_textarea
IN:_include_server_wproofreader_textarea
nopaneltrue


Step 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.

Note

To configure the secure SSL connection between your application and AppServer, follow the steps described on the inEnabling SSL Connection with AppServer page guide.


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: