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. Add WProofreader script

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

The required parameter for the Cloud WProofreader service activation is serviceId. You must pass your service ID value received on the subscription to access the WProofreader services.

serviceId: 'your-service-ID'

3.1. Contenteditable DIV element

3.2. Contenteditable IFRAME element

3.3. INPUT element

3.4. TEXTAREA element

4. Adjust default options

You can adjust the default options for your needsHere 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.