Versions Compared

Key

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

Excerpt Include
IN:_include_wsc_proofreader_overview_tip
IN:_include_wsc_proofreader_overview_tip
nopaneltrue

This guide outlines the main steps that you need to follow for initializing WProofreader in TinyMCE 5 rich rext editor. 

1. Obtain service ID

Excerpt Include
IN:_include_wsc_proofreader_cloud_subscribe_step
IN:_include_wsc_proofreader_cloud_subscribe_step
nopaneltrue

2. Initialize TinyMCE 5

Before integrating and configuring WProofreader, make sure TinyMCE 5 is properly configured in your web application. To initialize TinyMCE 5, follow the steps described in the Quick start.

3. Initialize WProofreader

Choose one of the options below how to enable the spelling and grammar checking functionality of WProofreader in the rich text editor.

Option A. Using autoSearch (the easiest)

When using this method, you need a CONFIG and a wscbundle.js script. After setting up the autoSearch, WProofreader will be enabled as soon as the editable container with TinyMCE is in focus. Follow the steps described in the Get Started with WProofreader Cloud (autoSearch).

Excerpt Include
IN:_include_wproofreader_autosearch_tinymce5_class
IN:_include_wproofreader_autosearch_tinymce5_class
nopaneltrue

Option B. Using the init method

When using this method, WProofreader will be started on the editor load.

Excerpt Include
IN:_include_initializing_wproofreader_using_init_in_tinymce5_55x
IN:_include_initializing_wproofreader_using_init_in_tinymce5_55x
nopaneltrue

4.  Activate service

Excerpt Include
IN:_include_initializing_plugins_activate_service_cloud
IN:_include_initializing_plugins_activate_service_cloud
nopaneltrue

5. Remove other spellcheckers

Note

If you used to have other spellcheck tools, please make sure you removed everything to avoid any conflicts or confusion.

6. Further actions

After initialization, you can customize WProofreader options, its user interface, and behavior using WProofreader customization options. More options and methods for advanced customization are available in API docs.

You can see the demo of CKEditor 4 integration on our web site.

Excerpt Include
IN:_include_cloud_still_have_questions
IN:_include_cloud_still_have_questions
nopaneltrue