Versions Compared

Key

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

...

Code Block
languagejs
themeEmacs
<textarea name="content" id="editor">This is a sample text.</textarea>
 
<script>
        ClassicEditor
            .create(document.querySelector('#editor'))
            .then(editor => {                 
			editor.element.querySelector('.ck-editor__editable').editor = editor;
            })
</script> 

...

4. Initialize WSC Proofreader with 'autoSearch' 

There are two approaches for initializing WSC Proofreader in your web app: using the variable config or inline data attributes.

Option A. Initializing using Variable Config

1. Set Service Path

Excerpt Include
IN:_include_cloud_webspellchecker_proofreader_src_url
IN:_include_cloud_webspellchecker_proofreader_src_url
nopaneltrue

Note

Due to certain specifics of the CKEditor 5 implementation, only proofread in a dialog mode is available.

...

2. Define Configuration of Proofreader with 'autoSearch'

...

Excerpt Include
IN:_include_wsc_proofreader_cloud_initialization_autosearch
IN:_include_wsc_proofreader_cloud_initialization_autosearch
nopaneltrue

Option B. Initializing using Inline Data Attributes

Excerpt Include
IN:_include_wsc_proofreader_cloud_initialization_autosearch_inline_data_attributes
IN:_include_wsc_proofreader_cloud_initialization_autosearch_inline_data_attributes
nopaneltrue

Excerpt Include
IN:_include_cloud_still_have_questions
IN:_include_cloud_still_have_questions
nopaneltrue