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 etc. All the steps described are provided for the Cloud version of WProofreader.

1. Obtain Activation Key

2. Initialize WProofreader

The next step is to initialize the WProofreader functionality for the selected elements and define the required parameters. Below you will find examples of initialization in contenteditable elements such <div> and <iframe> and editable elements such as <input> and<textarea>.

serviceId: 'your-service-ID'

2.1. Contenteditable DIV Element

2.2. Contenteditable IFRAME Element

2.3. INPUT Element

2.4. TEXTAREA Element

3. Add WProofreader Script

4. Adjust Default Options

You can adjust the default options for your needs. Here is a full list of WProofreader API options and their possible values.

Check a demo page with the WProofreader initialization in <div> element on our website.