Page History
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
1. Clone CKEditor Classic editor:
Code Block | ||||
---|---|---|---|---|
| ||||
git clone -b stable [email protected]:ckeditor/ckeditor5-build-classic.git |
2. Go to the editor folder:
Code Block | ||||
---|---|---|---|---|
| ||||
cd ckeditor5-build-classic |
3. Install all the required dependencies:
Code Block | ||||
---|---|---|---|---|
| ||||
cd ckeditor5-build-classic |
4. Install the WProofreader plugin:
Code Block | ||||
---|---|---|---|---|
| ||||
npm install @webspellchecker/wproofreader-ckeditor5 --save-dev |
5. Open ckeditor5-build-classic/src/ckeditor.js file.
6. Import the WProofreader plugin:
Code Block | ||||
---|---|---|---|---|
| ||||
import WProofreader from '@webspellchecker/wproofreader-ckeditor5/src/wproofreader'; |
7. Extend ClassicEditor.builtinPlugins with the WProofreader plugin:
Code Block | ||||
---|---|---|---|---|
| ||||
ClassicEditor.builtinPlugins = [
...,
WProofreader
]; |
8. Add the wproofreader field to ClassicEditor.defaultConfig:
Code Block | ||||
---|---|---|---|---|
| ||||
ClassicEditor.defaultConfig = {
...,
wproofreader: {
serviceId: 'your-service-ID',
srcUrl: 'https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js'
}
} |
Tip |
---|
The full list of configuration options for WProofreader is available in API docs. |
9. Rebuild the bundle:
Code Block | ||||
---|---|---|---|---|
| ||||
npm run build |
...