Versions Compared

Key

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

Excerpt Include
IN:_include_wproofreader_plugin_ckeditor5
IN:_include_wproofreader_plugin_ckeditor5
nopaneltrue

1. Clone CKEditor Classic editor:

Code Block
languagebash
themeEmacs
git clone -b stable [email protected]:ckeditor/ckeditor5-build-classic.git

2. Go to the editor folder:

Code Block
languagebash
themeEmacs
cd ckeditor5-build-classic

3. Install all the required dependencies:

Code Block
languagebash
themeEmacs
cd ckeditor5-build-classic

4. Install the WProofreader plugin:

Code Block
languagebash
themeEmacs
npm install @webspellchecker/wproofreader-ckeditor5 --save-dev

5. Open ckeditor5-build-classic/src/ckeditor.js file.

6. Import the WProofreader plugin:

Code Block
languagebash
themeEmacs
import WProofreader from '@webspellchecker/wproofreader-ckeditor5/src/wproofreader';

7. Extend ClassicEditor.builtinPlugins with the WProofreader plugin:

Code Block
languagebash
themeEmacs
ClassicEditor.builtinPlugins = [
    ...,
    WProofreader
];

8. Add the wproofreader field to ClassicEditor.defaultConfig:

Code Block
languagebash
themeEmacs
ClassicEditor.defaultConfig = {
    ...,
    wproofreader: {
        serviceId: 'your-service-ID',
        srcUrl: 'https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js'
    }
}

9. Rebuild the bundle:

Code Block
languagebash
themeEmacs
npm run build

...