Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This guide outlines the main steps to integrate and configure WProofreader with auto-searching functionality. All the steps described are provided for the Server version of WProofreader.

Excerpt Include
IN:_include_wsc_proofreader_overview_tip
IN:_include_wsc_proofreader_overview_tip
nopaneltrue

The autoSearch feature enables detecting new editable fields on the page and proofreading the text they contain automatically on hover selection. No additional actions or plugins are required for enabling WProofreader in a specific WYSIWYG editor or HTML editable control. A single configuration applies to almost all editors and controls. Here is the list of WProofreader supported integrations

Step 1. Initialize WProofreader

There are two approaches for initializing WProofreader in your web app: using the config variable or inline data attributes. Their descriptions follow.

Option A. Initializing using Config Variable

1. Add Config with Options

Excerpt Include
IN:_include_wproofreader_server_initialization_autosearch
IN:_include_wproofreader_server_initialization_autosearch
nopaneltrue

2. Add WProofreader Script

Excerpt Include
IN:_include_server_wproofreader_src_url
IN:_include_server_wproofreader_src_url
nopaneltrue

Option B. Initializing using Inline Data Attributes

Excerpt Include
IN:_include_wproofreader_server_initialization_autosearch_inline_data_attributes
IN:_include_wproofreader_server_initialization_autosearch_inline_data_attributes
nopaneltrue

You can customize the default options using WProofreader API.Step 2. Adjust Default Options

Info

You can check the demos of WProofreader integrations with various rich-text editors on our website.