diff --git a/docs/_snippets/builds/saving-data/autosave.js b/docs/_snippets/builds/saving-data/autosave.js index 8b073b3bcf6..2f335650d52 100644 --- a/docs/_snippets/builds/saving-data/autosave.js +++ b/docs/_snippets/builds/saving-data/autosave.js @@ -16,8 +16,10 @@ document.querySelector( '#snippet-autosave-lag' ).addEventListener( 'change', ev ClassicEditor .create( document.querySelector( '#snippet-autosave' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, autosave: { save( editor ) { diff --git a/docs/_snippets/builds/saving-data/manualsave.js b/docs/_snippets/builds/saving-data/manualsave.js index ac9278cad98..644075c05d7 100644 --- a/docs/_snippets/builds/saving-data/manualsave.js +++ b/docs/_snippets/builds/saving-data/manualsave.js @@ -17,8 +17,10 @@ document.querySelector( '#snippet-manualsave-lag' ).addEventListener( 'change', ClassicEditor .create( document.querySelector( '#snippet-manualsave' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/examples/classic-editor-short.js b/docs/_snippets/examples/classic-editor-short.js index 0b2ce923b2a..ec9584fe1e4 100644 --- a/docs/_snippets/examples/classic-editor-short.js +++ b/docs/_snippets/examples/classic-editor-short.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-classic-editor-short' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/examples/classic-editor.js b/docs/_snippets/examples/classic-editor.js index 5b8f4b0005e..07587ec68b7 100644 --- a/docs/_snippets/examples/classic-editor.js +++ b/docs/_snippets/examples/classic-editor.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-classic-editor' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/examples/custom-build.js b/docs/_snippets/examples/custom-build.js index ff7dc26443c..b98b44547cb 100644 --- a/docs/_snippets/examples/custom-build.js +++ b/docs/_snippets/examples/custom-build.js @@ -38,8 +38,12 @@ ClassicEditor CloudServices ], toolbar: { - items: [ 'bold', 'italic', 'underline', 'strikethrough', 'code', '|', 'highlight', '|', 'undo', 'redo' ], - viewportTopOffset: window.getViewportTopOffsetConfig() + items: [ 'bold', 'italic', 'underline', 'strikethrough', 'code', '|', 'highlight', '|', 'undo', 'redo' ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/docs/_snippets/examples/inline-editor.js b/docs/_snippets/examples/inline-editor.js index be6871e0a0b..1d524df7390 100644 --- a/docs/_snippets/examples/inline-editor.js +++ b/docs/_snippets/examples/inline-editor.js @@ -12,8 +12,10 @@ const inlineInjectElements = document.querySelectorAll( '#snippet-inline-editor Array.from( inlineInjectElements ).forEach( inlineElement => { const config = { - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG }; diff --git a/docs/_snippets/features/image-upload.js b/docs/_snippets/features/image-upload.js index 8df677af4e9..7107a6668a5 100644 --- a/docs/_snippets/features/image-upload.js +++ b/docs/_snippets/features/image-upload.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-upload' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/features/mathtype.js b/docs/_snippets/features/mathtype.js index 8e8aaed31b3..26f3d579d3a 100644 --- a/docs/_snippets/features/mathtype.js +++ b/docs/_snippets/features/mathtype.js @@ -44,8 +44,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/docs/_snippets/features/read-only.js b/docs/_snippets/features/read-only.js index e4ec1c9e6e5..a285bd0f6c0 100644 --- a/docs/_snippets/features/read-only.js +++ b/docs/_snippets/features/read-only.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-read-only' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/features/toolbar-breakpoint.js b/docs/_snippets/features/toolbar-breakpoint.js index f6167d91fcb..b4f857c82ca 100644 --- a/docs/_snippets/features/toolbar-breakpoint.js +++ b/docs/_snippets/features/toolbar-breakpoint.js @@ -23,8 +23,12 @@ ClassicEditor 'uploadImage', 'blockQuote', '|', 'undo', 'redo' ], - shouldNotGroupWhenFull: true, - viewportTopOffset: window.getViewportTopOffsetConfig() + shouldNotGroupWhenFull: true + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ 'imageStyle:inline', 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ] diff --git a/docs/_snippets/features/toolbar-grouping.js b/docs/_snippets/features/toolbar-grouping.js index 1e9907a74a6..4ebc332ef18 100644 --- a/docs/_snippets/features/toolbar-grouping.js +++ b/docs/_snippets/features/toolbar-grouping.js @@ -19,8 +19,12 @@ ClassicEditor 'outdent', 'indent', '|', 'uploadImage', 'blockQuote', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ 'imageStyle:inline', 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ] diff --git a/docs/_snippets/features/toolbar-wrapping.js b/docs/_snippets/features/toolbar-wrapping.js index cd6634d0437..90bf3f10fb7 100644 --- a/docs/_snippets/features/toolbar-wrapping.js +++ b/docs/_snippets/features/toolbar-wrapping.js @@ -24,8 +24,12 @@ ClassicEditor 'uploadImage', 'blockQuote', '|', 'undo', 'redo' ], - shouldNotGroupWhenFull: true, - viewportTopOffset: window.getViewportTopOffsetConfig() + shouldNotGroupWhenFull: true + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ 'imageStyle:inline', 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ] diff --git a/docs/_snippets/features/ui-language-content.js b/docs/_snippets/features/ui-language-content.js index 979a9d54b38..ee634bcb11a 100644 --- a/docs/_snippets/features/ui-language-content.js +++ b/docs/_snippets/features/ui-language-content.js @@ -13,8 +13,10 @@ ClassicEditor content: 'ar' }, cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/features/ui-language-rtl.js b/docs/_snippets/features/ui-language-rtl.js index 486cef0f6d5..a32577dc075 100644 --- a/docs/_snippets/features/ui-language-rtl.js +++ b/docs/_snippets/features/ui-language-rtl.js @@ -11,8 +11,10 @@ ClassicEditor .create( document.querySelector( '#snippet-ui-language-rtl' ), { language: 'ar', cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/features/ui-language.js b/docs/_snippets/features/ui-language.js index 6a5a902eec7..48fbda391a4 100644 --- a/docs/_snippets/features/ui-language.js +++ b/docs/_snippets/features/ui-language.js @@ -11,8 +11,10 @@ ClassicEditor .create( document.querySelector( '#snippet-ui-language' ), { language: 'es', cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/features/wproofreader.js b/docs/_snippets/features/wproofreader.js index 5ae18a7559b..3411c7b620d 100644 --- a/docs/_snippets/features/wproofreader.js +++ b/docs/_snippets/features/wproofreader.js @@ -44,8 +44,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/docs/_snippets/framework/development-tools/inspector.js b/docs/_snippets/framework/development-tools/inspector.js index 5979b04e1cb..aec995f53fa 100644 --- a/docs/_snippets/framework/development-tools/inspector.js +++ b/docs/_snippets/framework/development-tools/inspector.js @@ -12,8 +12,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-classic-editor' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/framework/tutorials/block-widget.js b/docs/_snippets/framework/tutorials/block-widget.js index 563373a9637..fe4b09345da 100644 --- a/docs/_snippets/framework/tutorials/block-widget.js +++ b/docs/_snippets/framework/tutorials/block-widget.js @@ -230,8 +230,12 @@ ClassicEditor .create( document.querySelector( '#snippet-block-widget' ), { plugins: [ Essentials, Bold, Italic, Heading, List, Paragraph, SimpleBox ], toolbar: { - items: [ 'heading', '|', 'bold', 'italic', 'numberedList', 'bulletedList', 'simpleBox' ], - viewportTopOffset: window.getViewportTopOffsetConfig() + items: [ 'heading', '|', 'bold', 'italic', 'numberedList', 'bulletedList', 'simpleBox' ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/docs/_snippets/framework/tutorials/using-react-in-widget.html b/docs/_snippets/framework/tutorials/using-react-in-widget.html index 9feb4c7cd59..0ab30146502 100644 --- a/docs/_snippets/framework/tutorials/using-react-in-widget.html +++ b/docs/_snippets/framework/tutorials/using-react-in-widget.html @@ -232,7 +232,6 @@

Products

ProductPreviewEditing ], toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig(), items: [ 'heading', '|', @@ -243,6 +242,11 @@

Products

'undo', 'redo' ] }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } + }, table: { contentToolbar: [ 'tableColumn', diff --git a/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-options.js b/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-options.js index 6cec1b06f04..a6fa4e40ae2 100644 --- a/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-options.js +++ b/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-options.js @@ -22,8 +22,12 @@ ClassicEditor 'alignment', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, alignment: { options: [ 'left', 'right' ] diff --git a/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-toolbar.js b/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-toolbar.js index fa63c5c0bd1..dce4ff1a3ab 100644 --- a/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-toolbar.js +++ b/packages/ckeditor5-alignment/docs/_snippets/features/custom-text-alignment-toolbar.js @@ -12,8 +12,12 @@ ClassicEditor toolbar: { items: [ 'heading', '|', 'alignment:left', 'alignment:right', 'alignment:center', 'alignment:justify' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-alignment/docs/_snippets/features/text-alignment.js b/packages/ckeditor5-alignment/docs/_snippets/features/text-alignment.js index 13423a6f2e8..fddf53e1c79 100644 --- a/packages/ckeditor5-alignment/docs/_snippets/features/text-alignment.js +++ b/packages/ckeditor5-alignment/docs/_snippets/features/text-alignment.js @@ -22,8 +22,12 @@ ClassicEditor 'alignment', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-autoformat/docs/_snippets/features/autoformat.js b/packages/ckeditor5-autoformat/docs/_snippets/features/autoformat.js index 150528f0cab..c793c265d78 100644 --- a/packages/ckeditor5-autoformat/docs/_snippets/features/autoformat.js +++ b/packages/ckeditor5-autoformat/docs/_snippets/features/autoformat.js @@ -45,8 +45,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-basic-styles/docs/_snippets/features/basic-styles.js b/packages/ckeditor5-basic-styles/docs/_snippets/features/basic-styles.js index d78329e518c..b1c2c7bab37 100644 --- a/packages/ckeditor5-basic-styles/docs/_snippets/features/basic-styles.js +++ b/packages/ckeditor5-basic-styles/docs/_snippets/features/basic-styles.js @@ -12,8 +12,12 @@ ClassicEditor toolbar: { items: [ 'bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', 'code', '|', 'removeFormat', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-block-quote/docs/_snippets/features/block-quote-source.js b/packages/ckeditor5-block-quote/docs/_snippets/features/block-quote-source.js index ed636a74923..f0f9f73116d 100644 --- a/packages/ckeditor5-block-quote/docs/_snippets/features/block-quote-source.js +++ b/packages/ckeditor5-block-quote/docs/_snippets/features/block-quote-source.js @@ -26,8 +26,12 @@ ClassicEditor.defaultConfig = { '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ 'imageTextAlternative' ] diff --git a/packages/ckeditor5-clipboard/docs/_snippets/features/drag-drop.js b/packages/ckeditor5-clipboard/docs/_snippets/features/drag-drop.js index 9e99392cc7b..1ae8145b034 100644 --- a/packages/ckeditor5-clipboard/docs/_snippets/features/drag-drop.js +++ b/packages/ckeditor5-clipboard/docs/_snippets/features/drag-drop.js @@ -252,8 +252,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontFamily: { supportAllValues: true diff --git a/packages/ckeditor5-clipboard/docs/_snippets/features/paste-plain-text.js b/packages/ckeditor5-clipboard/docs/_snippets/features/paste-plain-text.js index 88b57f1b749..21b52c4cd7f 100644 --- a/packages/ckeditor5-clipboard/docs/_snippets/features/paste-plain-text.js +++ b/packages/ckeditor5-clipboard/docs/_snippets/features/paste-plain-text.js @@ -25,8 +25,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontFamily: { supportAllValues: true diff --git a/packages/ckeditor5-code-block/docs/_snippets/features/code-block-custom-languages.js b/packages/ckeditor5-code-block/docs/_snippets/features/code-block-custom-languages.js index 5ff82efc829..69252f6b408 100644 --- a/packages/ckeditor5-code-block/docs/_snippets/features/code-block-custom-languages.js +++ b/packages/ckeditor5-code-block/docs/_snippets/features/code-block-custom-languages.js @@ -25,8 +25,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, codeBlock: { languages: [ diff --git a/packages/ckeditor5-code-block/docs/_snippets/features/code-block.js b/packages/ckeditor5-code-block/docs/_snippets/features/code-block.js index 41c6f173cbb..02f015f5e26 100644 --- a/packages/ckeditor5-code-block/docs/_snippets/features/code-block.js +++ b/packages/ckeditor5-code-block/docs/_snippets/features/code-block.js @@ -25,8 +25,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.js b/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.js index e78a51f03fd..88299cc6869 100644 --- a/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.js +++ b/packages/ckeditor5-easy-image/docs/_snippets/features/easy-image.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-upload' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/element-reconversion-demo.js b/packages/ckeditor5-engine/docs/_snippets/framework/element-reconversion-demo.js index 2af0397f2ee..64d3ef5294e 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/element-reconversion-demo.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/element-reconversion-demo.js @@ -343,8 +343,12 @@ ClassicEditor ] }, toolbar: { - items: [ 'heading', '|', 'bold', 'italic', '|', 'insertCard' ], - viewportTopOffset: window.getViewportTopOffsetConfig() + items: [ 'heading', '|', 'bold', 'italic', '|', 'insertCard' ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-external-link-target.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-external-link-target.js index 76486126aeb..2f1d17ca8f1 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-external-link-target.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-external-link-target.js @@ -35,8 +35,10 @@ ClassicEditor .create( document.querySelector( '#snippet-link-external' ), { cloudServices: CS_CONFIG, extraPlugins: [ AddTargetToExternalLinks ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-heading-class.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-heading-class.js index 2f711246e25..57d5a0a7821 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-heading-class.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-heading-class.js @@ -21,8 +21,10 @@ ClassicEditor .create( document.querySelector( '#snippet-heading-class' ), { cloudServices: CS_CONFIG, extraPlugins: [ AddClassToAllHeading1 ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-link-class.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-link-class.js index 481e6858329..f1a1b7ffb7c 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-link-class.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-link-class.js @@ -31,8 +31,10 @@ ClassicEditor .create( document.querySelector( '#snippet-link-classes' ), { cloudServices: CS_CONFIG, extraPlugins: [ AddClassToAllLinks ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-unsafe-link-class.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-unsafe-link-class.js index 6e55f0b7313..446890c023e 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-unsafe-link-class.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-add-unsafe-link-class.js @@ -31,8 +31,10 @@ ClassicEditor .create( document.querySelector( '#snippet-link-unsafe-classes' ), { cloudServices: CS_CONFIG, extraPlugins: [ AddClassToUnsafeLinks ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-div-attributes.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-div-attributes.js index 4f204844d36..8d384ec77a3 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-div-attributes.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-div-attributes.js @@ -62,8 +62,10 @@ ClassicEditor .create( document.querySelector( '#snippet-div-attributes' ), { cloudServices: CS_CONFIG, extraPlugins: [ ConvertDivAttributes ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-link-target.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-link-target.js index ecfb91609c7..3d2acf5bd08 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-link-target.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-allow-link-target.js @@ -35,8 +35,10 @@ ClassicEditor .create( document.querySelector( '#snippet-link-target' ), { cloudServices: CS_CONFIG, extraPlugins: [ AllowLinkTarget ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-arbitrary-attribute-values.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-arbitrary-attribute-values.js index 903a086026a..7214a85fe86 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-arbitrary-attribute-values.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-arbitrary-attribute-values.js @@ -53,8 +53,12 @@ ClassicEditor cloudServices: CS_CONFIG, extraPlugins: [ HandleFontSizeValue ], toolbar: { - items: [ 'heading', '|', 'bold', 'italic', '|', 'fontSize' ], - viewportTopOffset: window.getViewportTopOffsetConfig() + items: [ 'heading', '|', 'bold', 'italic', '|', 'fontSize' ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontSize: { options: [ 10, 12, 14, 'default', 18, 20, 22 ] diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-element-converter.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-element-converter.js index c5cb2fcc8f3..36e0f70441d 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-element-converter.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-element-converter.js @@ -194,8 +194,10 @@ ClassicEditor 'mergeTableCells' ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-figure-attributes.js b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-figure-attributes.js index 56cb508a7c2..339e1edb8d6 100644 --- a/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-figure-attributes.js +++ b/packages/ckeditor5-engine/docs/_snippets/framework/extending-content-custom-figure-attributes.js @@ -176,8 +176,10 @@ ClassicEditor .create( document.querySelector( '#snippet-custom-figure-attributes' ), { cloudServices: CS_CONFIG, extraPlugins: [ CustomFigureAttributes ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-find-and-replace/docs/_snippets/features/find-and-replace.js b/packages/ckeditor5-find-and-replace/docs/_snippets/features/find-and-replace.js index 4a897d69704..2e455f4dea4 100644 --- a/packages/ckeditor5-find-and-replace/docs/_snippets/features/find-and-replace.js +++ b/packages/ckeditor5-find-and-replace/docs/_snippets/features/find-and-replace.js @@ -21,8 +21,12 @@ ClassicEditor 'redo', '|', 'findAndReplace' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-font/docs/_snippets/features/custom-font-color-and-background-color-options.js b/packages/ckeditor5-font/docs/_snippets/features/custom-font-color-and-background-color-options.js index 8850f3fe5e8..f2f5c8867ed 100644 --- a/packages/ckeditor5-font/docs/_snippets/features/custom-font-color-and-background-color-options.js +++ b/packages/ckeditor5-font/docs/_snippets/features/custom-font-color-and-background-color-options.js @@ -24,8 +24,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontBackgroundColor: { colors: [ diff --git a/packages/ckeditor5-font/docs/_snippets/features/custom-font-family-options.js b/packages/ckeditor5-font/docs/_snippets/features/custom-font-family-options.js index bcea62a7d51..60089373536 100644 --- a/packages/ckeditor5-font/docs/_snippets/features/custom-font-family-options.js +++ b/packages/ckeditor5-font/docs/_snippets/features/custom-font-family-options.js @@ -23,8 +23,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontFamily: { options: [ diff --git a/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-named-options.js b/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-named-options.js index 638052106fa..3577dc8cdff 100644 --- a/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-named-options.js +++ b/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-named-options.js @@ -13,8 +13,12 @@ ClassicEditor toolbar: { items: [ 'heading', '|', 'fontSize', 'bulletedList', 'numberedList', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontSize: { options: [ diff --git a/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-numeric-options.js b/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-numeric-options.js index dc9e647f91e..72b79849f51 100644 --- a/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-numeric-options.js +++ b/packages/ckeditor5-font/docs/_snippets/features/custom-font-size-numeric-options.js @@ -24,8 +24,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, fontSize: { options: [ diff --git a/packages/ckeditor5-font/docs/_snippets/features/font.js b/packages/ckeditor5-font/docs/_snippets/features/font.js index bae8f5be863..9919457f67a 100644 --- a/packages/ckeditor5-font/docs/_snippets/features/font.js +++ b/packages/ckeditor5-font/docs/_snippets/features/font.js @@ -27,8 +27,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-elements.js b/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-elements.js index dd81609c888..9959ffde516 100644 --- a/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-elements.js +++ b/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-elements.js @@ -27,8 +27,10 @@ ClassicEditor } ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-levels.js b/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-levels.js index 458e20286f2..4a394eca885 100644 --- a/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-levels.js +++ b/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-levels.js @@ -17,8 +17,10 @@ ClassicEditor { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' } ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-heading/docs/_snippets/features/default-headings.js b/packages/ckeditor5-heading/docs/_snippets/features/default-headings.js index e1324732454..bcd7c0725c0 100644 --- a/packages/ckeditor5-heading/docs/_snippets/features/default-headings.js +++ b/packages/ckeditor5-heading/docs/_snippets/features/default-headings.js @@ -18,8 +18,10 @@ ClassicEditor { model: 'heading3', view: 'h3', title: 'Heading 3', class: 'ck-heading_heading3' } ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-inline.js b/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-inline.js index 54a81272b01..cb2c99052a2 100644 --- a/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-inline.js +++ b/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-inline.js @@ -23,8 +23,12 @@ ClassicEditor 'highlight', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, highlight: { options: [ diff --git a/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-variables.js b/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-variables.js index c87d68a4bcd..97878827891 100644 --- a/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-variables.js +++ b/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-variables.js @@ -23,8 +23,12 @@ ClassicEditor 'highlight', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, highlight: { options: [ diff --git a/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-options.js b/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-options.js index c8440cf3c03..0f52f7cf64f 100644 --- a/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-options.js +++ b/packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-options.js @@ -23,8 +23,12 @@ ClassicEditor 'highlight', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, highlight: { options: [ diff --git a/packages/ckeditor5-highlight/docs/_snippets/features/highlight-buttons.js b/packages/ckeditor5-highlight/docs/_snippets/features/highlight-buttons.js index ddab062ce03..3545d6a32ad 100644 --- a/packages/ckeditor5-highlight/docs/_snippets/features/highlight-buttons.js +++ b/packages/ckeditor5-highlight/docs/_snippets/features/highlight-buttons.js @@ -23,8 +23,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-highlight/docs/_snippets/features/highlight.js b/packages/ckeditor5-highlight/docs/_snippets/features/highlight.js index 6148a29970d..483f7813a9c 100644 --- a/packages/ckeditor5-highlight/docs/_snippets/features/highlight.js +++ b/packages/ckeditor5-highlight/docs/_snippets/features/highlight.js @@ -23,8 +23,12 @@ ClassicEditor 'highlight', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-horizontal-line/docs/_snippets/features/horizontal-line.js b/packages/ckeditor5-horizontal-line/docs/_snippets/features/horizontal-line.js index 520a5d5a221..d848615da18 100644 --- a/packages/ckeditor5-horizontal-line/docs/_snippets/features/horizontal-line.js +++ b/packages/ckeditor5-horizontal-line/docs/_snippets/features/horizontal-line.js @@ -38,8 +38,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-html-embed/docs/_snippets/features/html-embed.js b/packages/ckeditor5-html-embed/docs/_snippets/features/html-embed.js index f074d36b2ef..f0ca4a92ed8 100644 --- a/packages/ckeditor5-html-embed/docs/_snippets/features/html-embed.js +++ b/packages/ckeditor5-html-embed/docs/_snippets/features/html-embed.js @@ -101,8 +101,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support-source.js b/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support-source.js index c3b9080a0f2..9b9d02ce278 100644 --- a/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support-source.js +++ b/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support-source.js @@ -48,8 +48,12 @@ ClassicEditor.defaultConfig = { '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } }; diff --git a/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support.js b/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support.js index 93d42d1110c..915e4738d63 100644 --- a/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support.js +++ b/packages/ckeditor5-html-support/docs/_snippets/features/general-html-support.js @@ -37,8 +37,12 @@ ClassicEditor 'redo', '|', 'sourceEditing' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-caption.js b/packages/ckeditor5-image/docs/_snippets/features/image-caption.js index da36386c3a7..8653c023c29 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-caption.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-caption.js @@ -17,8 +17,10 @@ ClassicEditor 'toggleImageCaption' ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-full.js b/packages/ckeditor5-image/docs/_snippets/features/image-full.js index 29ece4c4dba..676258a2628 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-full.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-full.js @@ -10,8 +10,6 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-full' ), { toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig(), - items: [ 'heading', '|', @@ -32,6 +30,11 @@ ClassicEditor 'redo' ] }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } + }, image: { toolbar: [ 'toggleImageCaption', diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-insert-via-url.js b/packages/ckeditor5-image/docs/_snippets/features/image-insert-via-url.js index a5dc1311de9..e9fcce6f0a5 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-insert-via-url.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-insert-via-url.js @@ -15,8 +15,12 @@ ClassicEditor .create( document.querySelector( '#snippet-image-insert-via-url' ), { removePlugins: [ 'ImageToolbar', 'ImageCaption', 'ImageStyle', 'ImageResize', 'LinkImage', 'AutoImage' ], toolbar: { - items: toolbarItems, - viewportTopOffset: window.getViewportTopOffsetConfig() + items: toolbarItems + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-link.js b/packages/ckeditor5-image/docs/_snippets/features/image-link.js index 330d5811103..e58235b7bca 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-link.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-link.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-link' ), { removePlugins: [ 'AutoImage' ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons-dropdown.js b/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons-dropdown.js index 625d03cf44e..9030425e271 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons-dropdown.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons-dropdown.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-resize-buttons-dropdown' ), { removePlugins: [ 'LinkImage', 'AutoImage' ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { resizeUnit: '%', diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons.js b/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons.js index d945d1ad8fc..d2ad7039cea 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-resize-buttons.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-resize-buttons' ), { removePlugins: [ 'LinkImage', 'AutoImage' ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { resizeOptions: [ diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-resize-px.js b/packages/ckeditor5-image/docs/_snippets/features/image-resize-px.js index 8b656ab6d5d..3941f7caa2d 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-resize-px.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-resize-px.js @@ -31,8 +31,10 @@ ClassicEditor ], toolbar: [ 'resizeImage' ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-resize.js b/packages/ckeditor5-image/docs/_snippets/features/image-resize.js index 3069d746c4b..1e8cd99cf30 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-resize.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-resize.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-image-resize' ), { removePlugins: [ 'LinkImage', 'AutoImage' ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-semantical-style.js b/packages/ckeditor5-image/docs/_snippets/features/image-semantical-style.js index 0da87e3bf36..e7511fbeb7e 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-semantical-style.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-semantical-style.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-semantical-image-style-default' ), { removePlugins: [ 'imageCaption' ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG, image: { diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-style-custom.js b/packages/ckeditor5-image/docs/_snippets/features/image-style-custom.js index 4f939df7730..ba654b46049 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-style-custom.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-style-custom.js @@ -15,8 +15,10 @@ import sideIcon from '@ckeditor/ckeditor5-image/docs/assets/img/icons/side.svg'; ClassicEditor .create( document.querySelector( '#snippet-image-semantical-style-custom' ), { removePlugins: [ 'ImageResize' ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG, image: { diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-style-presentational.js b/packages/ckeditor5-image/docs/_snippets/features/image-style-presentational.js index 3f06474a006..31540bc3b35 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-style-presentational.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-style-presentational.js @@ -36,8 +36,10 @@ ClassicEditor 'resizeImage' ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-image/docs/_snippets/features/image-text-alternative.js b/packages/ckeditor5-image/docs/_snippets/features/image-text-alternative.js index cffd006c2f0..7e2efbf7dd0 100644 --- a/packages/ckeditor5-image/docs/_snippets/features/image-text-alternative.js +++ b/packages/ckeditor5-image/docs/_snippets/features/image-text-alternative.js @@ -17,8 +17,10 @@ ClassicEditor 'toggleImageCaption' ] }, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, cloudServices: CS_CONFIG } ) diff --git a/packages/ckeditor5-indent/docs/_snippets/features/custom-indent-block-classes.js b/packages/ckeditor5-indent/docs/_snippets/features/custom-indent-block-classes.js index 18873713a22..8a2866dda89 100644 --- a/packages/ckeditor5-indent/docs/_snippets/features/custom-indent-block-classes.js +++ b/packages/ckeditor5-indent/docs/_snippets/features/custom-indent-block-classes.js @@ -24,8 +24,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, indentBlock: { classes: [ diff --git a/packages/ckeditor5-indent/docs/_snippets/features/indent.js b/packages/ckeditor5-indent/docs/_snippets/features/indent.js index a747bc4d974..5bb4f5d37a9 100644 --- a/packages/ckeditor5-indent/docs/_snippets/features/indent.js +++ b/packages/ckeditor5-indent/docs/_snippets/features/indent.js @@ -22,8 +22,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-language/docs/_snippets/features/textpartlanguage.js b/packages/ckeditor5-language/docs/_snippets/features/textpartlanguage.js index 00ac61469b4..06d5798c3a3 100644 --- a/packages/ckeditor5-language/docs/_snippets/features/textpartlanguage.js +++ b/packages/ckeditor5-language/docs/_snippets/features/textpartlanguage.js @@ -39,8 +39,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-link/docs/_snippets/features/autolink.js b/packages/ckeditor5-link/docs/_snippets/features/autolink.js index f4186e4cd92..1a7bea6cb0b 100644 --- a/packages/ckeditor5-link/docs/_snippets/features/autolink.js +++ b/packages/ckeditor5-link/docs/_snippets/features/autolink.js @@ -11,8 +11,10 @@ ClassicEditor extraPlugins: [ CKEditorPlugins.AutoLink ], - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-link/docs/_snippets/features/link.js b/packages/ckeditor5-link/docs/_snippets/features/link.js index dc13e6d94b4..e1ba11b5198 100644 --- a/packages/ckeditor5-link/docs/_snippets/features/link.js +++ b/packages/ckeditor5-link/docs/_snippets/features/link.js @@ -8,8 +8,10 @@ ClassicEditor .create( document.querySelector( '#snippet-link' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-link/docs/_snippets/features/linkdecorators.js b/packages/ckeditor5-link/docs/_snippets/features/linkdecorators.js index a84ec88ff71..98cfee10857 100644 --- a/packages/ckeditor5-link/docs/_snippets/features/linkdecorators.js +++ b/packages/ckeditor5-link/docs/_snippets/features/linkdecorators.js @@ -8,8 +8,10 @@ ClassicEditor .create( document.querySelector( '#snippet-link-decorators' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, link: { addTargetToExternalLinks: true, diff --git a/packages/ckeditor5-list/docs/_snippets/features/lists-basic.js b/packages/ckeditor5-list/docs/_snippets/features/lists-basic.js index 08402c3e441..94e13a3615d 100644 --- a/packages/ckeditor5-list/docs/_snippets/features/lists-basic.js +++ b/packages/ckeditor5-list/docs/_snippets/features/lists-basic.js @@ -28,8 +28,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-list/docs/_snippets/features/lists-style.js b/packages/ckeditor5-list/docs/_snippets/features/lists-style.js index 1effc01d270..2d1a769de00 100644 --- a/packages/ckeditor5-list/docs/_snippets/features/lists-style.js +++ b/packages/ckeditor5-list/docs/_snippets/features/lists-style.js @@ -29,8 +29,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-list/docs/_snippets/features/todo-list.js b/packages/ckeditor5-list/docs/_snippets/features/todo-list.js index ed18ac3f8f3..a6f2f5e8d72 100644 --- a/packages/ckeditor5-list/docs/_snippets/features/todo-list.js +++ b/packages/ckeditor5-list/docs/_snippets/features/todo-list.js @@ -32,8 +32,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-media-embed/docs/_snippets/features/media-embed.js b/packages/ckeditor5-media-embed/docs/_snippets/features/media-embed.js index 1c9e9aae095..857635b1cf8 100644 --- a/packages/ckeditor5-media-embed/docs/_snippets/features/media-embed.js +++ b/packages/ckeditor5-media-embed/docs/_snippets/features/media-embed.js @@ -10,8 +10,10 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud ClassicEditor .create( document.querySelector( '#snippet-media-embed' ), { cloudServices: CS_CONFIG, - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-mention/docs/_snippets/examples/chat-with-mentions.js b/packages/ckeditor5-mention/docs/_snippets/examples/chat-with-mentions.js index c801c42d593..28003c8220f 100644 --- a/packages/ckeditor5-mention/docs/_snippets/examples/chat-with-mentions.js +++ b/packages/ckeditor5-mention/docs/_snippets/examples/chat-with-mentions.js @@ -18,8 +18,12 @@ ClassicEditor toolbar: { items: [ 'bold', 'italic', 'underline', 'strikethrough', '|', 'link', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, mention: { feeds: [ diff --git a/packages/ckeditor5-mention/docs/_snippets/features/custom-mention-colors-variables.js b/packages/ckeditor5-mention/docs/_snippets/features/custom-mention-colors-variables.js index f568e754bdb..ed0868f8c39 100644 --- a/packages/ckeditor5-mention/docs/_snippets/features/custom-mention-colors-variables.js +++ b/packages/ckeditor5-mention/docs/_snippets/features/custom-mention-colors-variables.js @@ -13,8 +13,12 @@ ClassicEditor toolbar: { items: [ 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, mention: { feeds: [ diff --git a/packages/ckeditor5-mention/docs/_snippets/features/mention-customization.js b/packages/ckeditor5-mention/docs/_snippets/features/mention-customization.js index 01210b41baf..ddace7dbcaa 100644 --- a/packages/ckeditor5-mention/docs/_snippets/features/mention-customization.js +++ b/packages/ckeditor5-mention/docs/_snippets/features/mention-customization.js @@ -14,8 +14,12 @@ ClassicEditor toolbar: { items: [ 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, mention: { feeds: [ diff --git a/packages/ckeditor5-mention/docs/_snippets/features/mention.js b/packages/ckeditor5-mention/docs/_snippets/features/mention.js index 35ec0897437..d5f51b808ba 100644 --- a/packages/ckeditor5-mention/docs/_snippets/features/mention.js +++ b/packages/ckeditor5-mention/docs/_snippets/features/mention.js @@ -13,8 +13,12 @@ ClassicEditor toolbar: { items: [ 'heading', '|', 'bold', 'italic', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, mention: { feeds: [ diff --git a/packages/ckeditor5-page-break/docs/_snippets/features/page-break.js b/packages/ckeditor5-page-break/docs/_snippets/features/page-break.js index 70c324fe3c0..b554da4cdc3 100644 --- a/packages/ckeditor5-page-break/docs/_snippets/features/page-break.js +++ b/packages/ckeditor5-page-break/docs/_snippets/features/page-break.js @@ -38,8 +38,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-paste-from-office/docs/_snippets/features/paste-from-office.js b/packages/ckeditor5-paste-from-office/docs/_snippets/features/paste-from-office.js index f5c60557fc0..2017621a2a0 100644 --- a/packages/ckeditor5-paste-from-office/docs/_snippets/features/paste-from-office.js +++ b/packages/ckeditor5-paste-from-office/docs/_snippets/features/paste-from-office.js @@ -40,8 +40,12 @@ ClassicEditor 'undo', 'redo' ], - shouldNotGroupWhenFull: true, - viewportTopOffset: window.getViewportTopOffsetConfig() + shouldNotGroupWhenFull: true + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js b/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js index 5d3baa77e50..4caa0843c72 100644 --- a/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js +++ b/packages/ckeditor5-remove-format/docs/_snippets/features/remove-format.js @@ -27,8 +27,12 @@ ClassicEditor 'redo', '|', 'removeformat' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-select-all/docs/_snippets/features/select-all.js b/packages/ckeditor5-select-all/docs/_snippets/features/select-all.js index ae4d48a8da1..1457e3a13b8 100644 --- a/packages/ckeditor5-select-all/docs/_snippets/features/select-all.js +++ b/packages/ckeditor5-select-all/docs/_snippets/features/select-all.js @@ -21,8 +21,12 @@ ClassicEditor 'redo', '|', 'selectAll' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-source-editing/docs/_snippets/features/source-editing-imports.js b/packages/ckeditor5-source-editing/docs/_snippets/features/source-editing-imports.js index 37d071dc057..92c374265f6 100644 --- a/packages/ckeditor5-source-editing/docs/_snippets/features/source-editing-imports.js +++ b/packages/ckeditor5-source-editing/docs/_snippets/features/source-editing-imports.js @@ -50,8 +50,12 @@ ClassicEditor.defaultConfig = { '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } }; diff --git a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-extended-category.js b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-extended-category.js index a83a182270b..c394207f3c8 100644 --- a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-extended-category.js +++ b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-extended-category.js @@ -41,8 +41,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-limited-categories.js b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-limited-categories.js index 08b73b21580..8814faee420 100644 --- a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-limited-categories.js +++ b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-limited-categories.js @@ -29,8 +29,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-new-category.js b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-new-category.js index c732887b722..ba6d9c356b4 100644 --- a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-new-category.js +++ b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-new-category.js @@ -39,8 +39,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters.js b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters.js index bff370c0c5e..8d7f0124695 100644 --- a/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters.js +++ b/packages/ckeditor5-special-characters/docs/_snippets/features/special-characters.js @@ -29,8 +29,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ diff --git a/packages/ckeditor5-table/docs/_snippets/features/build-table-source.js b/packages/ckeditor5-table/docs/_snippets/features/build-table-source.js index a175cb1086b..09ea5c2782e 100644 --- a/packages/ckeditor5-table/docs/_snippets/features/build-table-source.js +++ b/packages/ckeditor5-table/docs/_snippets/features/build-table-source.js @@ -38,8 +38,12 @@ ClassicEditor.defaultConfig = { 'link', 'blockQuote', '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, indentBlock: { offset: 30, unit: 'px' } }; diff --git a/packages/ckeditor5-theme-lark/docs/_snippets/examples/theme-lark.js b/packages/ckeditor5-theme-lark/docs/_snippets/examples/theme-lark.js index 9530450d6da..29ff9bd24d2 100644 --- a/packages/ckeditor5-theme-lark/docs/_snippets/examples/theme-lark.js +++ b/packages/ckeditor5-theme-lark/docs/_snippets/examples/theme-lark.js @@ -32,8 +32,12 @@ ClassicEditor 'blockQuote', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, image: { toolbar: [ 'imageStyle:inline', 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ] diff --git a/packages/ckeditor5-typing/docs/_snippets/features/text-transformation-extended.js b/packages/ckeditor5-typing/docs/_snippets/features/text-transformation-extended.js index efcd03a5e6d..b50bce6af69 100644 --- a/packages/ckeditor5-typing/docs/_snippets/features/text-transformation-extended.js +++ b/packages/ckeditor5-typing/docs/_snippets/features/text-transformation-extended.js @@ -11,8 +11,10 @@ ClassicEditor .create( document.querySelector( '#snippet-text-transformation-extended' ), { cloudServices: CS_CONFIG, placeholder: 'Type here...', - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, typing: { transformations: { diff --git a/packages/ckeditor5-typing/docs/_snippets/features/text-transformation.js b/packages/ckeditor5-typing/docs/_snippets/features/text-transformation.js index f0a5d0d5fdc..7b1b05df1c6 100644 --- a/packages/ckeditor5-typing/docs/_snippets/features/text-transformation.js +++ b/packages/ckeditor5-typing/docs/_snippets/features/text-transformation.js @@ -11,8 +11,10 @@ ClassicEditor .create( document.querySelector( '#snippet-text-transformation' ), { cloudServices: CS_CONFIG, placeholder: 'Type here...', - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-ui/docs/_snippets/features/blocktoolbar.js b/packages/ckeditor5-ui/docs/_snippets/features/blocktoolbar.js index 738a6e9437a..dcffa83ba73 100644 --- a/packages/ckeditor5-ui/docs/_snippets/features/blocktoolbar.js +++ b/packages/ckeditor5-ui/docs/_snippets/features/blocktoolbar.js @@ -15,8 +15,12 @@ BalloonEditor .create( document.querySelector( '#snippet-block-toolbar' ), { plugins: BalloonEditor.builtinPlugins.concat( [ BlockToolbar, ParagraphButtonUI, HeadingButtonsUI ] ), toolbar: { - items: [ 'bold', 'italic', 'link', 'undo', 'redo' ], - viewportTopOffset: window.getViewportTopOffsetConfig() + items: [ 'bold', 'italic', 'link', 'undo', 'redo' ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, blockToolbar: [ 'paragraph', 'heading1', 'heading2', 'heading3', diff --git a/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.js b/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.js index cd03f561443..a6eb0d525af 100644 --- a/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.js +++ b/packages/ckeditor5-upload/docs/_snippets/features/base64-upload.js @@ -12,8 +12,10 @@ ClassicEditor.builtinPlugins.push( Base64UploadAdapter ); ClassicEditor .create( document.querySelector( '#snippet-image-base64-upload' ), { - toolbar: { - viewportTopOffset: window.getViewportTopOffsetConfig() + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } } } ) .then( editor => { diff --git a/packages/ckeditor5-word-count/docs/_snippets/features/word-count-update.js b/packages/ckeditor5-word-count/docs/_snippets/features/word-count-update.js index 3289b642853..3e31de177bf 100644 --- a/packages/ckeditor5-word-count/docs/_snippets/features/word-count-update.js +++ b/packages/ckeditor5-word-count/docs/_snippets/features/word-count-update.js @@ -39,8 +39,12 @@ BalloonEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, placeholder: 'Text of the post', table: { diff --git a/packages/ckeditor5-word-count/docs/_snippets/features/word-count.js b/packages/ckeditor5-word-count/docs/_snippets/features/word-count.js index af48c399c93..100141cd90e 100644 --- a/packages/ckeditor5-word-count/docs/_snippets/features/word-count.js +++ b/packages/ckeditor5-word-count/docs/_snippets/features/word-count.js @@ -27,8 +27,12 @@ ClassicEditor '|', 'undo', 'redo' - ], - viewportTopOffset: window.getViewportTopOffsetConfig() + ] + }, + ui: { + viewportOffset: { + top: window.getViewportTopOffsetConfig() + } }, table: { contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]